从导航栏加载jQuery Mobile页面不会加载javascript

Question

我能够引用this stackoverflow question来实现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已加载。