如何在使用phonegap点击后缓存页面?

时间:2012-10-05 16:09:14

标签: html5 cordova

我开始使用PhoneGap开发移动应用程序。首先,我制作名为index.html和place.html

的2 .html文件

在index.html中,我使用$ .get()方法从Web服务获取json数据,然后在HTML标记上显示。

当用户点击index.html页面中的链接时,它将转到place.html。在place.html我放回按钮

<a href="index.html">Back</a>

返回index.html页面。

问题是当我点击后退按钮到index.html页面时,它会在加载页面时运行$ .get()方法。

如何缓存index.html页面?当我点击后退按钮时,它第一次使用相同的数据。

谢谢!

1 个答案:

答案 0 :(得分:0)

你试过jQuery mobile吗?

您不必实际合并整个库,只能使用

<div class="home-page" data-role="page" data-dom-cache="true" >
主页容器上的

属性。另外需要注意的是,您的所有页面都需要data-role =“page”属性才能使jQM正常工作。

默认情况下,jQM已禁用缓存,您可以在JavaScript中启用它,如下所示

$.mobile.page.prototype.options.domCache = true;

参考:jQM Documentation on caching pages