2012-05-03 16 views
5

iPhoneには、上にNavBarがある場合、戻るボタンがあります。jQuery Mobile NavBar前のページの戻るボタン

「戻る」というより、前のページのタイトルがあります。

「チェックアウト」ページが表示されている可能性があります。 NavBarのタイトルは「チェックアウト」、ボタンは「書籍」と表示されます。

「書籍」と表示されているボタンをクリックすると、前のページに戻ります。

これは、別のルートからそのページにアクセスした可能性があるため、戻るボタンの名前をコードする必要なくjQueryモバイルでどのように達成できますか?

編集

私はページ上でこれを行うことができます知っています。

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

しかし、これにより、ページ名の代わりにボタンのテキストが「前回」になります。

答えて

1

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> 

が内部ページを使用して)( ウルは外部のページを使用している場合)を使用することができます

これは簡単な設定であります戻るボタンをカスタマイズする前のページのタイトルをバックボタンにしたい場合は、単にjqueryメソッドを使用して戻るボタンのタイトルを取得し、戻るボタンのタイトルを設定します。前のページタイトルを取得して、戻るボタンの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にあるグローバル変数です戻るボタンのテキストを設定するために使用します。

+0

はい私はそれを認識していますが、それは再びハードボタンのタイトルをコーディングしています。 「オーダー」と呼ばれる別のページからそのページにアクセスした場合はどうなりますか?あなたのメソッドを使って、 "Books"というタイトルの戻るボタンが表示されます。実際に私が尋ねていたものではありません – griegs

+2

もしそれがうまくいけば、私はすでにそれを使用しているので、答えを受け入れます。ここでは、あなたのコードでは動作しないと思うのです。 – Warewolf

関連する問題