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

How to resolve page navigation issue with jquery-mobile

本文关键字：导航问题解决何使用 jquery-mobile 更新时间：2023-09-26

我有一个jquery移动应用程序，有两个"真正的"html页面，但还有更多data-role="page"div。从第一个真正的 html 页面转到下一个真实页面时出现问题：导航停止工作。没有自定义的javascript，我只是使用jqm库。

当加载第一个真实页面时，我能够毫无问题地浏览data-role="page"项目，例如 <a href="#oneA">one A</a> ，这会带我去<div data-role="page" id="oneA">，以及类似的 oneB、oneC 等。

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

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

这是一个jquery-mobile(我使用的是最新的：1.0.1(只是简单地下降并且我需要分解并编写一些自己的javascript的例子吗？

缺少

的是锚标记中的 rel="external" 属性，它将您从第一页带到第二页。因此，与其<a href="secondPage">second page</a>，不如尝试<a href="secondPage" rel="external">second page</a>。