javascript - 在 jQuery Mobile 中完成 ajax 导航时执行 javascript 代码

Question

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

首先，页面 1 出现，如果用户点击一个链接，页面 2 将使用 jQuery 移动 ajax 导航系统打开。

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

当第 2 页使用jQuery Mobile 的 ajax 导航系统加载时，如何运行该 javascript 代码？

Answer 1

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

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

在 jQuery mobile 中，页面默认使用 ajax 加载并缓存。显示第 2 页时，触发“pageshow”事件。

Answer 2

你可以在你的第一页的头部使用这样的东西：

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

然后脚本只会在页面创建后被调用。或者你可以使用'beforecreate'等。