jquery mobileを使用して1つのページから別のページに移動するときに進捗ダイアログを表示する方法は？

Question

私はjquery mobileを使ってアプリケーションを開発しています。 そこでは、あるページから別のページへの進捗ダイアログのようなものを表示したいと思います。

それは時間がかかりますので、どのように我々が見ることができます...実は私の他のページが読み込まれ、いくつかのグラフ... を

を私は

$.mobile.showPageLoadingMsg(); 

を試してみましたが、見せながら、それは特定の時間を要します他のページにグラフが読み込まれるとすぐに処理が進みますか？

Answer 1

は、私はあなたが主要なものを置くことができ、コード内の適切な場所に$ .mobile.showPageLoadingMsgを（）を配置pagebeforecreateまたはpagecreatelike そしてなどのイベントを利用することができると思います。

$('#aboutPage').live('pagebeforecreate',function(event){ 
    alert('This page was just inserted into the dom!'); 
}); 
$('#aboutPage').live('pagecreate',function(event){ 
    alert('This page was just enhanced by jQuery Mobile!'); 
}); 

あなたはfollwingのようなものの行くことができます： http://jquerymobile.com/demos/1.0a3/#docs/api/events.html

Answer 2

あなたは次の操作を行うことができますページを切り替えるためにAJAXを使用している場合は、すでに

Answer 3

されていない場合

$(document).ready(function() { ... } 

で囲む：

jQuery.ajaxSetup({ 
    beforeSend: function() { 
    $('#loadingDiv').show() 
    }, 
    complete: function(){ 
    $('#loadingDiv').hide() 
    }, 
    success: function() {} 
}); 

"loadingDivは" あなたのですスピナーgifイメージを持つコンテナ（たとえば）。