我能够参考这个 stackoverflow 问题来意识到 JS 脚本需要嵌套在 data-role 页面元素中,以便在 AJAX 访问页面时加载它。但是对于像下面这样的代码,它允许用户在页面之间左右滑动,你真的不能只加载第 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);
}
演示:单击“危险”选项卡(即使将您发送到 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 已加载。