在jQuery移动中完成ajax导航时执行javascript代码

Question

我正在开发一个jQuery移动web应用程序，它目前有两个页面。

首先，出现第1页，如果用户单击某个链接，则使用jQuery移动ajax导航系统打开第2页。

但是，有一个问题。页面2应该在加载时运行javascript代码，但是jQuery移动ajax导航会删除该脚本，即使我将<script>...</script>放在<div data-role="content">...</div>中.(如果在第1页的链接中使用rel="external"，javascript就会运行，但是如果我想使用ajax导航，javascript就不会加载.)

如何运行javascript代码，当页面2加载与jQuery移动的ajax导航系统？

Answer 1

在第2页中，添加以下内容：

$(document).bind("pageshow", 
  function(e) {
    // script here
  }
);

在jQuery手机中，页面使用ajax加载，默认情况下缓存。当显示第2页时，将触发“页面方式”事件。

Answer 2

您可以在第一页的标题中使用这样的内容：

$( document ).on( "pagecreate", "#PAGEIDHERE", function() {
   //do something here
});

然后，只有在创建页面后才会调用该脚本。或者你可以使用“前止者”等。