jQuery mobile预取一个通过Ajax加载内容的页面

Question

我在单页模板中使用jQuery mobile（每个页面都是一个单独的html文件）。我想预取一个通过Ajax加载内容的页面。我将预取代码放在第一页的Document.ready（）函数中

$.mobile.loadPage("my-projects.html", { showLoadMsg: false });

ajax调用我要预取的第二页的Document.ready（）函数。当我们预测该页面时，这个ajax调用没有发生。有没有办法实现这一目标。请帮忙

Answer 1

jQuery Mobile内置了预取功能，您只需将data-prefetch属性添加到链接到远程页面的链接：

<a href="prefetchThisPage.html" data-prefetch> ... </a>

来源：http://jquerymobile.com/demos/1.1.0/docs/pages/page-cache.html

一般来说，当您通过AJAX拉入页面时，document.ready函数将不会触发。但是，您可以使用pageinit等jQuery Mobile Page事件。例如：

$(document).delegate('#my-page-id', 'pageinit', function () {
    $.mobile.loadPage("my-projects.html", { showLoadMsg: false });
});