Jquery Mobile预加载页

Question

我遇到了一个jquery mobile的问题，当我加载一个页面时，它从一个公开的JSON格式的应用程序接口中提取数据，解析它，然后将数据插入到DOM中以显示页面，但是发生的是页面显示，然后在解析数据的过程中经过了2-4秒，然后将数据插入到页面上，这在视觉上一点也不令人愉快，只是想知道如何在pageChange动画触发之前预加载DOM和解析JSon。

Answer 1

在JQuery Mobile中处理动态生成的页面的正确方法是将页面检索绑定到文档的beforepagechange事件。一旦检索到该页面，您就可以继续进行适当的更改页面。

例如，使用一个getPageFromAPI函数检索通过URL "newPageURL“访问的页面的完整Jquery对象。

$(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)
            }
        });
    }
});