jQuery mobile 监听页面的各种生命周期

一、pagebeforecreate

1.触发时机：

在页面初始化及jQuery Mobile在开始对页面进行增强之前触发。

注意： 该事件在每个页面中只能触发一次
- 在页面第一次载入时， jQuery Mobile 会在 DOM (内存)缓存页 面, 所以当你通过浏览器从第二个页面回退第一个页面时,该事件将不会被触发, 这是因为第一页面已经被初始化
了。

2.监听方式:

$(document).on("pagebeforecreate","#page1",function(){
    alert("pagebeforecreate : 正在创建页面！");
})

on函数第二个参数#page1指明了要监听哪个容器的该生命周期，如果重载没有这个参数的on方法，那么标示对整个页面进行监听

二、pagecreate

1.触发时机：

在页面创建成功之后，触发的事件, 但在 jQuery Mobile 完成页面增强之前。

该事件在每个页面中只能触发一次 - 在页面第一次载入时， jQuery Mobile 会在 DOM (内存)缓存页面,
所以当你通过浏览器从第二个页面回退第一个页面时,该事件将不会被触发, 这是因为第一页面已经被初始化了。

2.使用场景：

该事件通常用于用户想要对自定义组件进行增强:

$(document).on("pagecreate","#page1",function(event){
  $.(":jqmData(role='my-plugin')").myPlugin();
});

3.监听方式:

$(document).on("pagecreate","#page1",function(){
            alert("pagecreate : 页面创建完成！");
        })

三、pagecontainerbeforeload

1.触发时机：

在当前界面跳转到另一个界面时，当另一个界面载入前触发。

2.监听方式:

$(document).on("pagecontainerbeforeload",function(){
            alert("pagecontainerbeforeload : 正在加载页面！");
        })

四、pagecontainerload

1.触发时机：

在当前界面跳转到另一个界面时，当另一个界面成功载入并插入到
DOM 后触发

2.监听方式:

$(document).on("pagecontainerload",function(){
            alert("pagecontainerload : 页面加载完成！");
        })