Jquery Mobile預加載頁面

Question

我遇到了jquery mobile的問題，當我加載頁面時，它從JSon格式的公開API中提取數據，解析它，然後將數據插入到DOM中以顯示頁面，但是頁面顯示的是什麼，然後在解析數據的時候傳遞了2-4秒，然後將數據插入到頁面中，並且它看起來不是非常令人愉快，只是想知道如何預加載DOM並在pageChange動畫觸發之前解析JSON。

Answer 1

在JQuery Mobile中處理動態生成頁面的正確方法是將頁面檢索綁定到文檔的beforepagechange事件。一旦頁面被恢復，您可以繼續進行適當的更改頁面。

例如，具有getPageFromAPI功能檢索與URL「newPageURL」

$(document).bind("pagebeforechange", function(e, data) { 
    if ((typeof data.toPage === "string") && (data.toPage == "newPageURL") ) { 
     e.preventDefault(); //to make sure we prevent standard page change 
     getPageFromAPI({success: function (newPage) { 
       $.mobile.changePage(newPage) 
      } 
     }); 
    } 
});