预读取页面 Prefetching pages

   通常，把不同的page存储在多个html文档是要比用一个大的保存多个page容器的文档要好。这样每个页面的dom会少一些。

   当使用单一page的文档时，你可以把page预加载到dom中，这样用户在访问时可以立即打开。要预加载一个页面，给指向这个页面的链接添加 data-prefetch属性。jQueryMobile会在加载完当前页面之后在后台自动加载目标页面，pagecreate事件会被触发。例如：

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

你可以预加载随意多个页面，只需要将要预加载的链接加上 data-prefetch属性。或者你，可以在js里调用 $.mobile.loadPage()方法来设置预加载。

$.mobile.loadPage( pageUrl, { showLoadMsg: false } );

预加载页面的另一个好处就是用户在预加载页面的时候不会看到ajax加载信息。ajax加载信息只会在框架还没有完成预加载那个页面的情况下出现。

预加载页面自然会有http请求并且占带宽，所以建议只在接下来很可能会被访问到的页面使用这个特性。比如说图片相册，你可以预加载“上一张”和“下一张”图片这样用户就可以在图片间快速跳转。