1

このスタックオーバーフローの質問を参照して、ページが AJAX によってアクセスされたときに読み込まれるようにするには、JS スクリプトを data-role ページ要素内にネストする必要があることに気付きました。しかし、ユーザーがページ間で左右にスワイプできるようにする次のようなコードの場合、実際にはページ 1 のスクリプトをロードすることはできません (つまり、すべての data-role=page 要素にアクセスする必要があります)。 ）。このページに AJAX 経由でアクセスした場合、どのような手段がありますか?

$('div.ui-page').live("swipeleft", function(){
    var nextpage = $(this).next('div[data-role="page"]');
    if (nextpage.length > 0) {
    $.mobile.changePage(nextpage,{transition: "slide", reverse:false}, false, true);
    }
    });
    $('div.ui-page').live("swiperight", function(){
    var prevpage = $(this).prev('div[data-role="page"]');
    if (prevpage.length > 0) {
    $.mobile.changePage(prevpage, {transition: "slide",
    reverse: true}, true, true);
    }

デモ: Danger タブをクリックします (multipage.php に移動しますが、機能しません): https://stanford.edu/~rakasaka/cgi-bin/cs147/week5/index.php

または、multipage.php をリロードして左右にスワイプします: https://stanford.edu/~rakasaka/cgi-bin/cs147/week5/multipage.php

JSがロードされているので、うまくいくはずです。

4

0 に答える 0