2013-06-11 16 views
5

JQMメインHTMLファイル内に4ページあります。私がchangepageを使って1つに切り替えると、最初はうまくいきますが、data-rel =戻るボタンを使って前のページに戻りますが、戻るボタンがあるページに戻ります。私はdata-rel = backを使用しないでください。どのような選択肢がない場合は? JQM 1.3.1戻るボタンが動作していないJqueryモバイルの変更ページ

$("#listView").on("vclick","li", function(e) { 
    //ajax call to get results for second page 
    $.mobile.changePage('#second'); 
} 

2ページ上のボタン

<a href="#" data-rel="back">Back</a> 
+0

あなたがプログラムで、私はそれを試してみましょう$ .mobile.back()だけでなく.. – krishgopinath

+1

を使用してこれを行うことが、私はそれが同じものになるだろうと思いました。 – Jason

+0

あなたは正しいかもしれませんが、試してみると害はありません: – krishgopinath

答えて

2

以下のコードを使用して、プログラムで前のページに移動するを使用して

stopImmediatePropagation();を使用してjQuery Mobileが2回ジャンプするのを止める必要があります。これにより同じページが表示されます。

編集:iPadでテストしたところ、preventDefault()も必要です。

Demo

$(document).on('vclick', '[data-rel=back]', function (e) { 
e.stopImmediatePropagation(); 
e.preventDefault(); 
var back = $.mobile.activePage.prev('[data-role=page]'); 
    $.mobile.changePage(back, { 
    transition: 'slide', 
    reverse: true }); 
}); 
0

、このいずれかを使用します。 location.hash = ""とページIDを使ってページ間をリダイレクトすることができます。

DEMOがhttp://jsfiddle.net/yeyene/uJz3E/7/

$("#listView").on("vclick","li", function(e) { 
    // second is the page you want to redirect on click. 
    location.hash = "second"; 
}); 
関連する問題