Jquery Mobile Pre-Load页面

Question

我遇到了jquery mobile的问题，当我加载页面时，它从JSon格式的公开API中提取数据，解析它，然后将数据插入到DOM中以显示页面，但是发生了什么是页面显示，然后在解析数据时经过2-4秒，然后将数据插入到页面中，它根本不是很令人愉悦，只是想知道如何预加载DOM并在之前解析JSON pageChange动画开火。

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