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 回答