码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2016-05-13 03:33:26      阅读:1544      评论:0      收藏:0      [点我收藏+]

标签:

一、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 : 页面加载完成!");
        })





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

标签:

原文地址:http://blog.csdn.net/lskshz/article/details/51338845

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!