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

Question

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

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

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

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

Answer 1

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

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

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