javascript - Jquery Mobile - Javascript 在导航到另一个页面时持续存在

Question

嘿伙计们，我有一个 javascript 函数，即使在 Jquery Mobile 中导航到另一个页面(单页面模板而不是多页面)时，它也会保持不变

    <script type="text/javascript">
       setInterval("window.location.reload();", 5000);
    </script>

我如何确保这只发生在调用它的页面上，而不是在我使用基于 ajax 的导航链接到的每个页面上调用它？

我正在使用 Jquery Mobile 1.2

Answer 1

将它绑定(bind)到您希望它出现的页面。将 $('.selector') 替换为 pageID，例如$('#home')。您还可以更具体 $('div[data-role="page"]#PageID')。

// Trigger interval
$('.selector').bind('pageinit', function () {
 setInterval("window.location.reload();", 5000);
});

// Stop interval when navigating away
$('.selector').bind('pagehide', function () {
 clearInterval();
});