jquerymobile：有没有更好的链接和加载缓存页面的方法？

我有一个jQuery移动应用程序。对于这个示例，我使用两个页面：Movies index.html-moviesPage和Profile Profile.html-profilePage。它们都链接到我的导航栏中的data role=footer div

似乎导航栏需要先链接到profile.html以加载和缓存内容和数据，然后在首次访问profilePage后再链接到profilePage。此外，当我返回页面时，moviesPage导航按钮上不存在ui btn活动类。对于这种双重链接的需求，有什么简单的解决方案吗？或者，我只需要创建一些javascript，在第一次访问页面时更改链接。我是否甚至需要双链接，或者jQuery Mobile中是否有某种方法将链接作为profile.html，这样它就会知道是否已经访问过该链接以加载缓存的内容

我开始讨论的一个可能的解决方案是，一旦页面被访问，sessionStorage.profilePage='visted'，如果被访问，它在导航栏中的链接将从profile.html更改为profilePage。我还将以下内容放在一起，以解决ui btn活动问题

这是我原来问题的后续问题：

感谢您对这方面的任何其他想法或见解-标记

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

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