jquery mobile botón de retroceso no se muestra en la cabecera

Question

que estoy tratando de hacer una mobile site in MVC, soy nuevo en jquery mobile, copié el siguiente código de JQM tutorial y pegarlo en un View en 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> 

Mi problema es decir, que muestra back button on header in the demo desde donde copié el código pero cuando lo ejecuto, the back button is not there ¿puede alguien decirme por qué sucedió esto?

Answer 1

Trate de poner la siguiente attibute en su "página" div:

data-add-back-btn="true" 

por ejemplo,

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

Answer 2

EDIT:
OK JQM tiene esa característica, pero que por defecto está desactivada, sin embargo se puede activar mediante el establecimiento de addBackBtn true, o añadir el atributo data-add-back-btn="true" a la página div.

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - añadiendo botones.

En general, si desea un botón Atrás, simplemente utilice el atributo data-rel="back", y si desea que se muestre en el encabezado, debe agregarlo allí.

<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

Esta es la versión 1.4.4 y superiores

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