1

我有一个 jQuery Mobile 应用程序。对于此示例，我使用两个页面：电影(index.html - #moviesPage) 和个人资料(profile.html - #profilePage)。这些都链接到我的导航栏中data-role="footer" div。

导航栏似乎需要先链接到profile.html（以加载和缓存内容和数据），然后再链接到#profilePage它第一次被访问后。此外，当我返回页面时，导航按钮ui-btn-active上不存在该类。#moviesPage是否有任何简单的解决方案来满足这种双重链接的需求，或者我只需要创建一些 javascript 来在第一次访问页面后更改链接。我什至需要双链接还是在 jQuery Mobile 中有某种方法可以将链接设置为profile.html并且它会知道它是否已经被访问以加载缓存的内容？

我开始着手的一种可能的解决方案是，一旦访问了一个页面sessionStorage.profilePage = 'visited'，并且visited它在导航栏中的链接从更改profile.html为#profilePage. 我还整理了以下内容来解决这个ui-btn-active问题。

var activePage = $('div[data-role*="page"]').attr("id");

if (activePage == "moviesPage") {
  //Add class="ui-btn-active" to #moviesLink
}

这是我在这里的原始问题的后续问题：jQuery Mobile: Dynamic content not loading when I return to a page

感谢您对此的任何其他想法或见解。-标记

4

0 回答 0