5

JQM メイン HTML ファイル内に 4 ページあります。changepage を使用して切り替えると、最初は問題ありませんが、 data-rel=back ボタンを使用して戻ると、前のページに切り替わりますが、戻るボタンのあるページに戻ります。data-rel=back を使用しないほうがよいのでしょうか? そうでない場合、どのような代替手段がありますか？

JQM 1.3.1 の使用

$("#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>
4

2 に答える 2

2

プログラムで前のページに移動するには、次のコードを使用します。stopImmediatePropagation();また、 jQuery Mobile が 2 回ジャンプしないようにするために を使用する必要があります。これにより、同じページが表示されます。

編集：iPadでテストしましたが、これpreventDefault()も必要です。

デモ

$(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 });
});
于 2013-06-11T13:32:14.583 に答える
0

これを使用してください。ページ ID を含む location.hash=" " を使用して、ページ間をリダイレクトできます。

デモ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";
});
于 2013-06-12T02:17:17.513 に答える