Question

所以我有一个页面工作得很好，我实际上是以编程方式创建链接，任何链接到达工作后退按钮的页面都很好 - 我可以看到后退按钮没有问题，但后来我有一个只有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>

detailPage上的后退按钮始终有效，calendarPage上的后退按钮从不显示。我已经控制了这个网站，但是人们似乎有些问题，当他们弄乱我没有触及的变化哈希。

我可以搞砸JS吗？我看不到任何明显的东西，我可以发布我的整个JS文件，但我甚至没有从那里触摸这些页面或弄乱链接或任何东西。我想也许是因为我在上面列出的那个列表上的显示被设置为none它不起作用但是我尝试改变它 - 如果你最初可以看到它没有任何区别。我在控制台中没有出现任何错误。我此刻难过。我希望有人能帮帮忙。

由于

Answer 1

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

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

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

链接到下拉UL时，jQuery Mobile后退按钮不显示

1 个答案: