2011-06-03 93 views
3

我有問題試圖讓後退按鈕顯示在nexted列表中。我可以看到,同樣是發生在你的演示是在這裏:不能返回按鈕嵌套列表

http://jquerymobile.com/test/#/test/docs/lists/lists-nested.html

你可以看到這裏的問題:

http://jquerymobile.com/test/#/test/docs/lists/lists-nested.html&ui-page=Animals-8

或只需點擊任何名單。

這是我的實際問題:

<ul data-role="listview" data-inset="true">'; 
<li data-icon="info"> 
<h3 class="ui-li-heading">Heading here</h3> 
<p class="ui-li-desc">Author:&nbsp;<strong>some author</strong></p> 
<p class="ui-li-desc">Description:&nbsp;<strong>some description</strong></p> 

      <ul data-role="listview" data-inset="true" data-add-back-btn="true"> 
       <li>sometthing here</li> 
      </ul> 

</li> 
</ul> 

這是bug還是我我忘了什麼東西?

感謝

UPDATE:又如:

<ul data-role='listview'> 
      <li> 
       <li><div>Some Text</div><p>ddd</p> 
        <ul data-role='listview'> 

         <li> 
          some text here 
         </li> 

        </ul> 
       </li> 
      </li> 
     </ul> 

沒有後退按鈕。我如何使後退按鈕顯示?

+3

嗯,這是混淆。 – Pointy 2011-06-03 14:06:46

+1

後退按鈕是什麼? – 2011-06-03 14:57:35

+0

試試這裏http://stackoverflow.com/questions/6522106/jquery-mobile-nested-list-back-button-gone張貼的解決方案,它幫助我。 – NPC 2011-08-01 11:53:52

回答

1

要重新返回按鈕只需添加data-add-back-btn="true"頁面容器:

相關:JQuery Mobile Latest 03 June 2011 Version - No back button

您使用的是測試,而不是演示,所以我想這將是最新的(或接近)建立。

UPDATE:

甲dding後退按鈕

jQuery Mobile的有一個功能,自動 創建並追加「後退」按鈕,任何頭,雖然它被禁用 默認。這對於無應用安裝的 應用程序(例如在本機應用程序Web視圖中運行的應用程序)非常有用。當 頁面插件的addBackBtn選項爲true時, 框架會自動在標題上生成一個「返回」按鈕。如果頁面div具有data-add-back-btn =「true」屬性,則也可以通過 標記進行設置。

如果您在錨點上使用屬性data-rel =「back」,那麼錨點上的任何點擊將會模仿後退按鈕,返回一個歷史記錄 並忽略錨點的默認href。鏈接回指定頁面(例如,顯示「home」的鏈接)或 (使用JavaScript生成「返回」按鈕(如關閉對話框的 按鈕))時,這是特別有用的 。當使用源標記此功能,請務必 提供實際指向 引用頁的URL有意義的href(這將允許該功能用於在 C-級瀏覽器的用戶。另外,請在記住,如果你只是想而不實際回去在歷史上 逆轉移,你應該 使用數據方向=「反向」,而不是屬性

也許嘗試:

$(document).bind("mobileinit", function(){ 
    $.mobile.page.prototype.options.addBackBtn = true; 
}); 
+0

我們在哪裏增加,因此它出現在自動生成的頁面,但?問題是關於嵌套列表,而對於較低級別的ul/ol,頁面是由框架自動創建的。把數據回加-BTN頂級名單=「真」,或立,或實際UL - 沒有幫助,後退按鈕不會出現。 – NPC 2011-07-29 14:29:10

+0

我已更新我的答案。請注意,這可能會改變,因爲JQM仍處於測試階段 – 2011-07-29 14:49:01

+0

這裏描述的解決方案幫助我:http://stackoverflow.com/questions/6522106/jquery-mobile-nested-list-back-button-gone – NPC 2011-08-01 11:54:31