jQuery Mobile NavBar con el botón Atrás de la página anterior

Question

En un iPhone cuando tiene una NavBar en la parte superior, hay un botón Atrás.

En lugar de decir "Atrás", tiene el título de la página anterior.

Así que podría estar en la página "Pagar". El título de NavBar sería "Pago" y el botón podría decir "Libros".

Al hacer clic en el botón que dice "Libros", volverá a la página anterior.

¿Cómo se puede lograr esto en jQuery mobile sin la necesidad de codificar en el nombre del botón Atrás ya que puede haber llegado a esa página desde una ruta diferente?

edición

Sé que puedo hacer esto en la página;

<div data-role="page" id="pageViewChallenges" data-add-back-btn="true" data-back-btn-text="previous"> 

Pero eso hace que los botones digan "anterior" en lugar del nombre de la página.

Answer 1

U puede utilizar <a href="previuos_page.html" id="bkbtnid" data-icon="back">Books</a>

(Si ur utilizando páginas externas)

y

<a href="#Id_of_previous_page" id="bkbtnid" data-icon="back">Books</a> 

(Al utilizar la página interna)

Ésta es una configuración básica para personalizar el botón Atrás nd si desea el título de la página anterior como botón Atrás, simplemente obtenga el título del botón Atrás mediante el método jquery y establezca el título del botón ATRÁS. Si puede obtener el título de la página anterior, configúrelo en el evento pageshow obteniendo el ID del botón Atrás. usando jQuery así:

$('#MaterialAndQuantityDetails') 
     .live(
       'pagebeforeshow', 
       function() { 
        // page header Management 
        $('#bkbtnid').html(""); 
        $('#bkbtnid').html(BackButtontext); 
}); 

Y si te toca pensar cómo conseguir el título de la página anterior de ese momento anterior "pagehide" escribir el código

var BackButtontext = document.getElementById('previous_page_header_id').value; 

Aquí BackButtontext es variable global que consiste en ser usado para configurar el texto del botón de retroceso.