我有一个jQuery Mobile应用程序。对于此示例,我使用两个页面:电影(index.html - #moviesPage)和配置文件(profile.html - #profilePage)。这些都链接到我data-role="footer" div
的导航栏中。
导航栏似乎需要首先链接到profile.html
(加载和缓存内容和数据),然后在首次访问后#profilePage
链接到ui-btn-active
。此外,当我返回页面时,#moviesPage
导航按钮上没有profile.html
类。是否有任何简单的解决方案来满足双链接的需要,或者我只需要创建一些javascript来在首次访问页面后更改链接。我是否甚至需要双链接,或者在jQuery Mobile中是否有某种方式只能将链接作为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
}
问题。
{{1}}
这是我原来问题的后续问题:jQuery Mobile: Dynamic content not loading when I return to a page
感谢您对此有任何其他想法或见解。 -Mark