2012-05-03 12 views
5

Auf einem iPhone, wenn Sie eine NavBar an der Spitze haben, gibt es eine Zurück-Taste.jQuery Mobile NavBar mit Zurück-Taste der vorherigen Seite

Anstatt "Zurück" zu sagen, hat es den Titel der vorherigen Seite darin.

Sie könnten also sagen auf der "Checkout" Seite. Der Titel der NavBar wäre "Checkout" und die Schaltfläche könnte "Bücher" sagen.

Klicken Sie auf die Schaltfläche "Bücher", um zur vorherigen Seite zurückzukehren.

Wie kann dies in jQuery mobile durchgeführt werden, ohne dass Sie den Namen der Zurück-Schaltfläche eingeben müssen, da Sie möglicherweise von einer anderen Route auf diese Seite gelangt sind?

bearbeiten

Ich weiß, dass ich dies auf der Seite tun können;

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

Aber das macht die Schaltflächen Text "vorherige" anstelle des Namens der Seite.

Antwort

1

U verwenden können <a href="previuos_page.html" id="bkbtnid" data-icon="back">Books</a>

(Wenn ur externe Seite mit)

und

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

(Wenn Interne Seite mit)

Dies ist einfach Einstellungen Schaltfläche "Zurück" anpassen a Wenn Sie den Titel der vorherigen Seite als Zurück-Schaltfläche haben wollen, dann rufen Sie einfach den Titel der Zurück-Schaltfläche durch die Methode jquery auf und setzen ihn in der Zurück-Schaltfläche title.IF Sie können den Titel der vorherigen Seite abrufen und dann auf pageshow-Ereignis setzen, indem Sie die ID der Zurück-Schaltfläche abrufen mit jquery wie folgt aus:

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

Und wenn ur denken, wie den Titel der vorherigen Seite gelangen dann auf früheren „pagehide“ den Code schreiben

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

Hier BackButtontext ist globale Variable, die zu wird verwendet, um den Text für die Rücktaste festzulegen.

+0

Ja, mir ist klar, aber das ist wieder hart den Titel der Zurück-Taste zu kodieren. Was passiert, wenn ich über eine andere Seite namens "Bestellungen" auf diese Seite komme? Mit Ihrer Methode würde ich eine Zurück-Schaltfläche mit dem Titel "Bücher" sehen. Nicht wirklich, was ich fragte – griegs

+2

Wenn es funktioniert, dann akzeptieren Sie die Antwort, weil ich es bereits verwendet habe und hier funktioniert es perfekt. Ich glaube nicht, so wird es nicht auf Ihrem Code arbeiten. – Warewolf

Verwandte Themen