先看下面的index.html中的一段代碼

不加預加載

<footer?class="footer"?data-role="none"><a?href="#"?class="current"?data-role="none"?class="ui-btn-active">test</a><a?href="#"?data-role="none">test</a><a?href="a.html"?data-role="none">test</a> </footer>

加預加載

<footer?class="footer"?data-role="none"><a?href="#"?class="current"?data-role="none"?class="ui-btn-active">test</a><a?href="#"?data-role="none">test</a><a?href="a.html"?data-prefetch="true"?data-role="none">test</a> </footer>

執(zhí)行index.html的時候查看Google Chrome Console

發(fā)現多了這個

XHR finished loading: GET "http://xxxxx:8080/xxx/xxxx/new/grzx.html".?

而且查看Google Chrome Elements上多了

可見，預加載應該就是將當index.html加載完之后，就將grzx.html中的data-role="page" div所包含的元素全部預先加載到index.html頁面中。這樣頁面切換的時候就將當前page隱藏，將目的page顯示

轉載于:https://my.oschina.net/liangzhenghui/blog/362055

總結

以上是生活随笔為你收集整理的关于jquerymobile的预加载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。