2

我有一个带有两个“真实”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">,类似地 oneB、oneC 等。

如果我转到第二个真实页面,我可以data-role="page"毫无问题地使用类似的东西浏览项目<a href="#twoA">two A</a>,这将我带到<div data-role="page" id="twoA">,以及类似的 twoB、twoC 等。

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

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

4

1 回答 1

4

缺少的是rel="external"锚标记中将您从第一页带到第二页的属性。所以,而不是<a href="secondPage">second page</a>,尝试<a href="secondPage" rel="external">second page</a>

于 2012-04-05T15:28:37.963 回答