jquery - フォームが送信されたときの JQueryMobile の戻るボタン

Question

フォームのある JQM ページがあります。フォームが送信されると、結果はリンク付きの別の JQM ページに表示されます。リンクをクリックすると、戻るボタンのある別の JQM ページに移動します。

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

問題は、戻るボタンをクリックすると、2 ページ目 (結果ページ) ではなくフォームに移動することです。これに関する回避策はありますか？

ありがとう

Answer 1

はいあります。data-rel="back" を削除して、このコードを追加してください。3 番目のページに id thirdPage がある場合、このイベントを使用して最後のページの id を取得し、戻るボタンにクリック イベントを追加して、2 番目のページに戻ることができるようにします。

$('#thirdPage').live('pagebeforeshow', function (e, data) {
    //below is a beck button of page #thirdPage
    $('#thirdPage-backbtn').bind('click', function(e) {
        $.mobile.changePage( "#" + data.prevPage.attr('id') , {transition: "none"} );
    });
}

さらに詳しい情報が必要な場合は、http: //jquerymobile.com/demos/1.0rc1/docs/api/events.htmlを参照して、data.prevPage を探してください。

または、これを使用できます：

<a href="" data-role="button" data-icon="back" onclick="history.go(-1);">Back</a>

私は最初のオプションを好みます。それは長くなりますが、より多くの制御が可能になります。