如何使用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图像（例如）。