json - Jquery Mobile 预加载页面

Question

我在使用 jquery mobile 时遇到问题，当我加载页面时，它会从暴露的 JSon 格式的 API 中提取数据，对其进行解析，然后将数据插入 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)
            }
        });
    }
});