如何使用jQuery Mobile從一個頁面移動到另一個頁面時顯示進度對話框？

Question

我正在開發一個應用程序使用jQuery的移動.. 因爲我想顯示的東西像進展對話框從一個頁面到另一個。

我已經試過

$.mobile.showPageLoadingMsg(); 

，但它需要一個特定的時間量，同時顯示...

其實我的其他頁面加載一些圖表，讓這需要時間...... 如何才能證明一旦圖表加載到另一頁面，就立即進展？

Answer 1

我想你可以使用像pagebeforecreate或pagecreatelike 而放置$ .mobile.showPageLoadingMsg（）在適當的位置中的代碼可以放置重大的事情發生的事件。

$('#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

環繞它

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

，如果你是不是已經

Answer 3

如果您使用AJAX來切換頁面，你可以做到以下幾點：

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

「loadingDiv」 是你的容器與微調gif圖像（例如）。