在 jQuery mobile 中，我想在第一次加载此页面时在我的主页 (index.html) 中显示一条对话框消息。但是，如果用户导航到我网站的不同页面并返回到我的index.html，我不想显示显示对话框。
我正在考虑使用pageshow 或pagebeforeshow 方法并检查prevPage 对象。有没有其他的好方法？
【问题讨论】：
标签： javascript jquery html css jquery-mobile
使用pageinit事件，它只会触发一次。再简单不过了。
jsFiddle 示例：http://jsfiddle.net/Gajotres/e9RcT/
$(document).on('pageinit', '#index', function(){
alert('This event will trigger only once!');
});
要测试它，请转到第二页然后返回。
【讨论】：
#index 被刷新，我很确定pageinit 在重新加载页面时会再次被触发。如果是这种情况，您将需要使用某种类型的本地存储或 cookie 来维持已显示消息的状态。
在 DOM 上加载将确保您想要发生的任何事情只发生在第一页初始化时：
$(document).ready(function(){
// do stuff here
});
【讨论】：
document.ready 事件处理程序仅在index.html 页面（<div data-role="page"> 元素之外）上找到，那么这将按需要工作。只有当用户直接加载或刷新index.html 页面时，document.ready 事件处理程序才会触发。如果用户在登陆另一个页面后导航到index.html 页面，事件处理程序将不会触发。似乎这是document.ready 实际上比pageinit 或任何其他jQuery Mobile 事件更好的情况。