2012-05-03 3 views
5

Su un iPhone quando si dispone di un NavBar nella parte superiore, c'è un pulsante indietro.jQuery Mobile NavBar con pulsante indietro della pagina precedente

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.

risposta

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.

+0

Sì, mi rendo conto che ma è ancora difficile codificare il titolo del pulsante Indietro. Cosa succede se arrivo a quella pagina tramite un'altra pagina chiamata "Ordini"? Usando il tuo metodo vedrei un pulsante indietro con il titolo di "Libri". Non proprio quello che stavo chiedendo – griegs

+2

Se funziona allora accetta la risposta perché l'ho già usata e qui funziona perfettamente. Non penso che non funzionerà sul tuo codice. – Warewolf

Problemi correlati