如何使用jquery-mobile解决页面导航问题

时间:2012-04-05 14:42:06

标签: javascript ajax jquery-mobile

我有一个带有两个“真实”html页面的jquery-mobile应用程序,但还有更多data-role="page"个div。当从第一个真正的html页面转到下一个真实页面时出现问题:导航退出工作。没有自定义的javascript,我只是使用jqm库。

当加载第一个真实页面时,我可以使用data-role="page"之类的内容导航<a href="#oneA">one A</a>项目,而<div data-role="page" id="oneA">会带我到data-role="page",类似的是一个, oneC等。

如果我转到第二个真实页面,我可以使用<a href="#twoA">two A</a>之类的内容浏览<div data-role="page" id="twoA">项目,这会带我到<div data-role...>,类似地两个B ,twoC等。

问题是如果我点击第一个真实页面上的链接将我带到第二个真实页面(而不是直接点击页面),那么jquery mobile似乎很困惑,拒绝切换到任何其他#twoB页面。当单击任何链接时,它只会保留在第一个数据角色页面上。浏览器悬停中的链接看起来是正确的(例如,它具有尾随{{1}},但不会在那里导航)。

这是一个jquery-mobile(我使用的是最新版本:1.0.1)的实例,只是简单地删除了,我需要分解并编写一些自己的javascript吗?

1 个答案:

答案 0 :(得分:4)

缺少的是锚标记中的rel="external"属性,它将您从第一页转到第二页。因此,请尝试<a href="secondPage">second page</a>

而不是<a href="secondPage" rel="external">second page</a>