jquery - jQuery mobile 预取通过 Ajax 加载内容的页面

Question

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

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

我要预取的第二页的 Document.ready() 函数内部的 ajax 调用。当我们对该页面进行 preftech 时，不会发生此 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 });
});