jquerymobile後退按鈕沒有顯示在頁眉

我試圖做一個mobile site in MVC，我是新來jquerymobile，我複製從JQM教程下面的代碼，並在MVCjquerymobile後退按鈕沒有顯示在頁眉

將其粘貼到 View

<div data-role="page" id="home"> 

    <div data-role="header"> 
    <h1>Home</h1> 
    </div> 

    <div data-role="content"> 
    <p><a href="#about" data-role="button">About this app</a></p>  
    </div> 

</div> 

<div data-role="page" id="about"> 

    <div data-role="header"> 
    <h1>About This App</h1> 
    </div> 

    <div data-role="content"> 
    <p>This app rocks! <a href="#home" data-role="button">Go home</a></p>  
    </div> 

</div>

我的問題是，它顯示我從哪裏複製代碼back button on header in the demo，但是當我運行這個，the back button is not there可以任何機構告訴我，爲什麼發生這種情況？

來源

2012-05-21 gaurav

嘗試把以下attibute上你的「頁」分區：

data-add-back-btn="true"

例如

<div data-role="page" id="home" data-add-back-btn="true">

來源

2012-05-21 20:04:29 dommer

感謝它的工作原理，u能請告訴我，我怎麼能格式化這個按鈕的CSS？ – gaurav

您可以使用如下的CSS規則：ui-header ui-btn {...}。這會給你頭上一致的按鈕。但這取決於你想要做什麼的細節。 – dommer

好的再次感謝 – gaurav

編輯：
OK JQM確實有這個功能，但默認情況下它是禁用的，但是你可以通過設置addBackBtn爲true，或添加data-add-back-btn="true"屬性頁面DIV啓用它。

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - 添加後退按鈕。

一般情況下，如果你想要一個後退按鈕，你只需使用data-rel="back"屬性，並且如果你想讓它顯示在標題中，那麼你需要在其中添加它。

<div data-role="page"> 
<div data-role="header"> 
<a href="#" data-rel="back">back</a> <h1> Title of page </h1> 
</div> 
<div data-role="content"> 
    </div> 
<div data-role="footer"><h1>Footer </h1></div> 
</div>

來源

2012-05-21 20:12:56 Jack

但我在某處讀到JQM爲我們處理這個問題 – gaurav

好的，我找到了你指的是，我不知道JQM是否總是在最近的一個版本中添加了它的功能，我編輯了我的答案以反映。 – Jack

即使data-add-back-btn =「true」沒有，該解決方案也能正常工作。 – devdanke

這是1.4.4及以上版本

<div data-role="header" > 
     <h1>PAGE_NAME</h1> 
     <a href="#" data-rel="back" class="ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button">Back</a> 
</div>

來源

2014-09-19 11:35:45

謝謝。我發現，使用1.4.5時，無論data-add-back-btn =「true」放置位置如何，自動返回按鈕都不會呈現。這允許手動覆蓋。 –

jquerymobile後退按鈕沒有顯示在頁眉

回答

相關問題