javascript - 仅在一个特定页面上使用脚本

Question

我正在使用 jQuery mobile 开发一个应用程序。我有一个脚本，我想在用户进入页面后启动它，并在他们离开后停止。

我用过：

$( document ).delegate("#myPage", "pagecreate", "", function() {
    //my script here
});

让脚本仅在用户输入“myPage”后运行。我怎样才能让脚本在他们离开“myPage”后停止？

编辑：我使用的是基于 ajax 的导航，所以它都是一个 HTML 文件。当有人进入新的子页面（#page）时，我正在尝试启动和停止脚本。

Answer 1

您可以将pageshow和pagehide事件用于特定的伪页面。像这样的东西：

$( document ).delegate("#myPage", "pageshow", function() {
    //start your code
}).delegate("#myPage", "pagehide", function() {
    //end your code
});

这是 jQuery Mobile 事件的文档，页面事件有一整节：http: //jquerymobile.com/demos/1.1.0/docs/api/events.html

使用pageshow/pagehide的优点是代码也将在伪页面的后续视图上运行，而不仅仅是在第一个页面加载时。