jQuery Mobile showPageLoadingMsg（）/ hidePageLoadingMsg（）方法不工作在初始页面loadn

Question

我正在写一个使用jQuery Mobile的webapp，它调用一个函数将记录加载到localStorage中，并在页面初始时从远程JSON文件创建一个listview创建（使用页面的live.pagecreate()事件）。在此功能的开始处，jQuery Mobile方法$.mobile.showPageLoadingMsg()和$.mobile.hidePageLoadingMsg()处于该函数的末尾。

在初始页面创建时，不会显示加载消息（在带有iOS 4.3 Safari，Chrome 13和Firefox 5的iPhone 4上）。但是，我也在页面上有一个刷新按钮;此按钮清除localStorage中的相关记录，然后调用用于初始填充列表视图的相同功能。但是，当从刷新按钮调用相同功能时，showPageLoadingMsg()和hidePageLoadingMsg()都可以正常工作，并且加载屏幕出现并消失，因为它应该。我在这里错过了什么吗？

ETA这里是代码的要点（不是现在的实际代码，如果你需要更多，我会把它放在今晚）。我还要提到的是，我试图把showPageLoadingMsg中（文件）。就绪，并试图将其绑定到mobileinit，我也没有工作：

function loadListView(){ 
    $.mobile.showPageLoadingMsg(); 
    //ajax call to pull JSON 
    //$.each loop to load localStorage and listview 
    $.listview.refresh('list'); 
    $.mobile.hidePageLoadingMsg(); 
} 

$(#listpage).live('pagecreate', function(event){ 
    loadListView(); // showPageLoadingMsg() and hidePageLoadingMsg do not work when the function is called here 
}); 

function clearList(){ 
    //for loop that clears each item in localStorage that matches the key prefix set in loadListView 
} 

//runs when refresh button is clicked 
$('listrefresh').live('click',function(){ 
    clearList(); 
    loadListView(); //showPageLoadingMsg() and hidePageLoadingMsg() work when the function is called here 
}); 

Answer 1

对于这些处理程序的初始页面中调用 加载，你必须在jQuery Mobile执行之前绑定它们。这可以是 在mobileinit处理程序中完成，如全局配置 页面中所述。

文档：

• http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/api/events.html

触发页面上的初始化，初始化发生之后。 我们建议绑定到此事件而不是DOM ready（），因为此 将起作用，无论该页面是直接加载还是作为Ajax导航 系统的一部分被拉入另一个页面。

例子：

• http://jsfiddle.net/phillpafford/mKn8Y/8/

在例如没有现场活动的消防上的初始页面加载，你必须配置此类型的mobileinit行动：

• http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/api/globalconfig.html