帶前一頁後退按鈕的jQuery Mobile NavBar

在頂部有導航欄的iPhone上，有一個後退按鈕。帶前一頁後退按鈕的jQuery Mobile NavBar

而不是說「返回」它有其中前一頁的標題。

所以你可能會說「結帳」頁面。 NavBar的標題是「Checkout」，按鈕可能會顯示「Books」。

單擊「書籍」按鈕可以返回上一頁。

這是如何在jQuery手機中完成的，而不需要用後退按鈕的名稱進行編碼，因爲您可能從不同的路線轉到該頁面？

編輯

我知道我可以在頁面上做到這一點;

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

但是，這使按鈕文本「前一個」，而不是頁面的名稱。

來源

2012-05-03 griegs

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

（如果烏拉圭回合使用外部頁面）

和

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

（使用內部頁面）使用

這是簡單的設置自定義後退按鈕a nd如果你想要將上一頁的標題作爲後退按鈕，只需通過jquery方法獲得後退按鈕的標題並設置在後退按鈕title.IF中即可獲取前一頁的標題，然後通過獲取後退按鈕的ID將其設置在pageshow事件中使用jQuery這樣的：

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

如果烏爾思考如何讓前面的頁面的標題，然後在以前的「pagehide」寫代碼

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

這裏BackButtontext是全局變量，也就是用於設置後退按鈕文本。

來源

2012-05-03 05:07:10 Warewolf

是的，我意識到，但這又是硬編碼後退按鈕的標題。如果我通過另一個稱爲「訂單」的頁面進入該頁面？使用你的方法，我會看到一個標題爲「Books」的後退按鈕。不是我真正在問的是什麼 – griegs

如果它行得通，那麼接受答案是因爲我已經使用過它，而且它在完美地工作。我不這麼認爲它不適用於你的代碼。 – Warewolf

帶前一頁後退按鈕的jQuery Mobile NavBar

回答

相關問題