在启动jQueryMobile时加载所有页面

时间:2011-11-02 15:34:11

标签: ajax jquery jquery-mobile

有什么方法可以在我进入我的网站时加载所有页面而只显示第一个页面吗? 我正在创建一个包含大量图片的网络应用程序,所以如果我可以加载整个应用程序,我会在正常使用期间有很大的性能提升......我的用户可以在第一次进入网络应用程序时等待一段时间。
感谢

2 个答案:

答案 0 :(得分:4)

您可以使用多页模板在初始加载时加载所有HTML(请查看jQuery Mobile文档中以下页面的来源,同一HTML文档中有多个data-role="page"元素): http://jquerymobile.com/demos/1.0rc2/docs/pages/multipage-template.html

您还可以通过将data-dom-cache属性设置为true来预取页面(jQuery Mobile会预先加载已标记的链接,以便在用户点击要查看的链接时可以查看这些链接他们):http://jquerymobile.com/demos/1.0rc2/docs/pages/page-cache.html

答案 1 :(得分:1)

对于页面本身,您可以使用Jasper所述的多页面模板。

但是,这不一定会拉入所有资产并缓存它们。您可能希望为经常使用的某些资产启用脱机缓存。设备的总限制为5mb,因此明智地使用它。执行此操作将使其保持缓存状态,以便下次启动网站时,所有这些部分都 INSTANTLY 可用。

http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html