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函数不会触发。不过，您可以使用 jQuery Mobile Page 事件，例如pageinit. 例如：

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