jQuery Mobile加載前等待下一頁準備就緒

我一直在試驗jQuery Mobile。我試圖執行以下步驟jQuery Mobile加載前等待下一頁準備就緒

當用戶點擊底部的事件導航欄時，他們將繼續查看事件列表。
此列表是通過來自服務器的AJAX請求生成的。
目前無論列表是否可用，頁面都會加載，然後在完成加載後顯示信息。襶！！

我想顯示jquery移動加載彈出窗口，直到頁面準備好，然後繼續。

在「列表視圖」和「列表性能測試」下的jQueryMobile文檔和演示中，這會執行我希望如何執行的操作。

我試過綁定'pagebeforeshow'事件，但無濟於事。

任何幫助將不勝感激。

來源

2011-03-24 Gary

我對這個問題也很感興趣。但我應該注意的是，在jQuery Mobile文檔和演示中，您所談論的是他們不使用AJAX在列表性能測試下生成該列表。該列表已經在HTML中指定。 – Spike 2011-03-25 21:53:42

這很有趣，我在jQuery論壇上發佈了相同的問題，並被告知使用$ .mobilePageChange（），但目前它不工作，但我會嘗試將其綁定到選項卡單擊事件和preventDefault（），然後嘗試一旦加載就更改頁面。我會讓你知道我如何繼續。 – Gary 2011-03-26 08:25:57

很酷，祝你好運，如果你將解決方案發布到這個問題上，我會很高興！ – Spike 2011-03-26 16:38:05

使用這個功能來隱藏和顯示裝載機和自己的Java腳本

//show loader 
var showLoader = function() { 
     $('.ui-loader').css('display', 'block'); 
    } 

//hide loader 
var hideLoader = function() { 
      $('.ui-loader').css('display', 'none'); 
    }

來源

2011-03-30 05:46:41

與常規論壇不同，絕對不需要包含像*這樣的標語，請在每篇文章的末尾投票回答*。如果你的答案被讀者認爲是好的，他們會贊成。 – slugster 2011-03-30 06:29:31

嘗試把一個單擊處理上，你提到的GUI項目 - 導航欄。

在該函數中進行ajax調用，並且在ajax調用的成功函數中，一旦您設置了您的項目，就會顯示下一頁。

要顯示負載紡車使用：

$ .mobile.showPageLoadingMsg（）;

你移動到使用下一頁：

$ .mobile.changePage

來源

2011-11-23 23:21:08 memical

我也遇到同樣的問題，而加載頁面。我用下面的代碼來消除

$(document).on("pagebeforeshow","#page",function(){ 
$("#header").empty(); 
$("#content").empty(); 
$("#footer").empty(); 
}); 

$(document).on("pageshow","#page",function() 
{ 
$("#header").append("<h2 align='center'>"+'Header'+"</h2>"); 
$("#content").append("<h2 align='center'>"+'Content'+"</h2>"); 
$("#footer").append("<h2 align='center'>"+'Footer'+"</h2>"); 
});

來源

2017-04-18 06:40:34

它首先顯示空白頁面。但我希望它比凌亂的頁面視圖更好 – 2017-04-18 06:42:01

jQuery Mobile加載前等待下一頁準備就緒

回答

相關問題