0

所以我有一个工作得很好的页面，我实际上是在以编程方式创建链接，任何链接到带有工作后退按钮的页面都很好 - 我可以看到后退按钮没问题，但是我有一个下拉菜单那只是 UL 的链接，我从那里链接到的两个页面没有显示后退按钮。

这是工作页面的顶部。

<div data-role="page" id="detailsPage" data-add-back-btn="true">
 <div data-role="header">
  <h1 id="title"></h1>
 </div>

这里有一个不起作用。

<div data-role="page" id="calendarPage" data-add-back-btn="true">
  <div data-role="header">
   <h1 id="title">Calendar</h1>
  </div>

这是具有指向不显示后退按钮的日历页面的链接的 UL。

<div class="ui-block-b">
 <ul data-role="menu" id="optionsDropDown">
  <li>
   <span data-role="button" data-icon="arrow-d" data-iconpos="right" data-iconpos="left">Calendar</span>
    <ul data-role="listview" data-inset="true">
     <li data-icon="false">
         <a href="#" id="thursdayFilter">Thursday</a>
      </li>
      <li data-icon="false">
         <a href="#" id="fridayFilter">Friday</a>
      </li>
      <li data-icon="false">
          <a href="#" id="listAllSessions">List All Sessions</a>
      </li>
      <li data-icon="calendar">
          <a href="#calendarPage" >Calendar</a>
      </li>
      <li data-icon="gear">
          <a href="#settingsPage" >Settings</a>
      </li>
    </ul>
  </li>
</ul>
</div>

detailsPage 上的后退按钮始终有效，calendarPage 上的后退按钮永远不会出现。我已经控制了该网站，但是当人们弄乱我没有触及的 changeHash 时，他们似乎遇到了问题。

我可以在 JS 中搞砸什么吗？我看不到任何明显的东西，我可以发布我的整个 JS 文件，但我什至不从那里触摸这些页面或弄乱链接或任何东西。我想可能是因为该列表上的显示设置为无，我刚刚在上面向您展示了它不起作用，但后来我尝试更改它 - 如果您最初能看到它，它没有任何区别。我在控制台中没有任何错误。我现在很难过。我希望有人能帮帮忙。

谢谢

4

1 回答 1

0

不确定这是否是可能的原因，但根据文档，data-role="button"仅在<a>,<button>和<input>type 元素上有效。我没有看到<span>那里列出并想知道这是否会影响您的导航？

也没有data-role="menu"列出有效的属性。

您使用的是什么版本的 jQuery Mobile？您是否依赖任何第三方小部件？

于 2013-01-03T04:41:32.647 回答