2013-01-03 32 views
0

所以我有一個網頁,工作完全正常的時候,我其實創建編程鏈接和任何一個環節去的頁面與工作後退按鈕從是好的 - 我可以看到後退按鈕沒有問題,但後來我有一個下拉菜單,這只是UL鏈接,我從那裏鏈接到的兩個頁面不顯示後退按鈕。jQuery Mobile的後退按鈕沒有顯示出來,掛下拉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文件,但我甚至沒有從那裏觸摸這些頁面或混亂的鏈接或任何東西。我想可能是因爲顯示器沒有設置在該列表上,我只是向你展示了它不起作用,但之後我試圖改變它 - 如果你能看到它,它就沒有什麼區別。我在控制檯中沒有任何錯誤。我現在很難過。我希望有人能幫幫忙。

感謝

回答

0

不知道這是一個可能的原因,但根據文檔,data-role="button"只在<a><button><input>類型元素有效。我沒有看到<span>在那裏列出,並想知道這是否會影響您的導航?

還有中沒有任何有效data-role="menu"屬性。

你使用的是什麼版本的jQuery Mobile?你依靠任何第三方小部件?