このスタックオーバーフローの質問を参照して、ページが 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がロードされているので、うまくいくはずです。