jquerymobile powrotem przycisk nie jest wyświetlana w nagłówku

Question

Próbuję dokonać mobile site in MVC, Jestem nowy jquerymobile, i kopiowane następujący kod z tutoriala JQM i wklej go w View w MVC

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

mój problem jest to, że pokazuje back button on header in the demo skąd skopiowałem kod, ale kiedy go uruchomię, czy jakieś ciało może mi powiedzieć, dlaczego tak się stało?

Answer 1

Spróbuj umieścić następującą attibute na "stronie" Gr:

data-add-back-btn="true" 

np

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

Answer 2

EDIT:
OK JQM ma tę cechę, ale domyślnie jest ona wyłączona, jednak można go włączyć poprzez ustawienie addBackBtn true, lub dodając atrybut div widoku data-add-back-btn="true".

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - dodawanie przycisków wstecz.

W ogóle, jeśli chcesz się przycisk z powrotem po prostu użyć atrybutu data-rel="back", a jeśli chcesz to wyświetlany w nagłówku to trzeba go dodać tam.

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

Answer 3

To jest dla wersji 1.4.4 i powyżej

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