jQuery Mobile NavBar con pulsante indietro della pagina precedente

Question

Su un iPhone quando si dispone di un NavBar nella parte superiore, c'è un pulsante indietro.

Invece di dire "Indietro", contiene il titolo della pagina precedente.

Quindi potreste essere sulla pagina "Pagamento". Il titolo della NavBar sarebbe "Checkout" e il pulsante potrebbe dire "Libri".

Facendo clic sul pulsante "Libri" si ritorna alla pagina precedente.

Come può essere realizzato in jQuery mobile senza la necessità di digitare il nome del pulsante Indietro in quanto si è arrivati ​​a quella pagina da una rotta diversa?

modificare

So che posso fare questo sulla pagina;

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

Ma ciò rende il testo dei pulsanti "precedente" anziché il nome della pagina.

Answer 1

U può utilizzare <a href="previuos_page.html" id="bkbtnid" data-icon="back">Books</a>

(Se ur utilizzando pagina esterna)

e

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

(Usando pagina interna)

Questo è semplici impostazioni per personalizzare il pulsante indietro a Se vuoi il titolo della pagina precedente come pulsante indietro, ottieni semplicemente il titolo di pulsante indietro attraverso il metodo jquery e imposta il pulsante back title.IF puoi ottenere il titolo della pagina precedente e poi impostarlo su pagehow event ottenendo l'id del pulsante back utilizzando jQuery come questo:

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

E se ur pensando come ottenere il titolo di pagina precedente, allora il precedente "pagehide" scrivere il codice

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

Qui BackButtontext è variabile globale che è quello di essere utilizzato per impostare il testo del pulsante Indietro.