首页 > 代码库 > jqMobile中pageinit,pagecreate,pageshow等函数的执行顺序
jqMobile中pageinit,pagecreate,pageshow等函数的执行顺序
常见的共有5个page函数,刚开始有点迷糊的是到底谁先谁后执行。
实验告诉我们结果:
var temp = ‘‘; $(‘body‘).live(‘pagechange‘, function () { temp += ‘pagechange,\n‘; console.log (temp); }) $(‘body‘).live(‘pagecreate‘, function () { temp += ‘pagecreate,\n‘; console.log(temp); }) $(‘body‘).live(‘pageinit‘, function () { temp += ‘pageinit,\n‘; console.log(temp); }) $(‘body‘).live(‘pageload‘, function () { temp += ‘pageload,\n‘; console.log(temp); }) $(‘body‘).live(‘pageshow‘, function () { temp += ‘pageshow,\n‘; console.log(temp); })
结果:
显然,依次是create,init然后是show.
change根据文档有page切换的时候才会执行。
至于load为什么没有执行?
原文描述:
Description: Triggered after the page is successfully loaded and inserted into the DOM.
估计ajax启用后,插入到文档中时会执行。谁知道追加下?
Pageload也是过时的函数,1.6版中将移除。
The triggering of this event is deprecated as of jQuery Mobile 1.4.0. It will no longer be triggered in 1.6.0.
另外,补充多个page对象时的执行情况:
create和init会执行多次,show只执行一次。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。