页面初始化事件

1.       pagebeforecreate 当页面即将初始化，并且在jQuery Mobile已开始增强页面之前，触发该事件

2.       pagecreate 当页面已经创建，但增强完成之前，触发该事件

3.       pageinit 当页面已经初始化，并且在jQuery Mobile已完成页面增强之后，触发该事件

参考代码

$(document).on('pageinit',function(event) {

         alert('触发 pageinit 事件！');

});

页面加载事件

1.       pagebeforeload 在任何页面加载请求作出之前触发

2.       pageload 在页面成功加载并插入DOM后触发

3.       pageloadfailed 如果页面加载请求失败，则触发该事件。默认将显示“Error Loading Page”消息。

参考代码

$(document).on('pageload",function(event,data) {

         alert('触发 pageload 事件！\nURL：' + data.url);

});

页面过渡事件

1.       pagebeforeshow 在“去的”页面触发，在过渡动画之前

2.       pageshow 在“去的”页面触发，在过渡动画完成后

3.       pagebeforehide 在“来的”页面触发，在过渡动画前

4.       pagehide 在“来的”页面触发，在过渡动画后

参考代码

$(document).on('pagebeforeshow','#pagetwo',function() {

         alert('页面二即将显示');

});