具有大量页面的jQuery Mobile站点的体系结构

Question

我有一个网站，我正在使用JQM转换为应用程序。我已经阅读过关于Pages以及DOM如何加载的内容，但我仍然不确定如何构建网站。

该应用程序的主页面基于使用JS加载的Google Maps API。有150多个目标页面，所以我不希望它们加载，直到用户点击链接。所有目标页面也需要JS进行初始化。当它们返回到主页面时，缓存状态应该是默认状态，但是如果查询字符串发生更改，我还需要运行JS的选项。内容不会经常更改，因此我的偏好是在加载后缓存数据，但需要某种方式来刷新缓存。

我将网站转换为JQM。目标页面JS没有运行，所以我在链接中添加了rel='external'。 JS现在在目标上运行，但是当我链接回主页面时，它重新加载页面而不运行初始化JS。显而易见的解决方案是添加rel="external"但是我会打败所有的性能价值。关于如何构建它的任何建议？

Answer 1

使用rel=external您的链接将不会加载Ajax，您将失去动画页面转换。如果要在页面显示时运行某些脚本，请使用此页面事件：

$(document).on("pageshow", "#selector", function(event, ui) { /* your code */ });

jQuery Mobile API Documentation中描述了这个和其他有用的事件。 例如，页面初始化时会调用pagecreate（现已弃用的pageinit）。

关于获取查询字符串参数，请参阅this answer。