jquerymobile的执行顺序,

jquerymobile的执行顺序
1js代码执行顺序:外部包含和内嵌代码的执行顺序,谁在前面就执行谁。
<script src="a.js"></script>
<script>
console.log("2222");
</script>


a.js
console.log("1111");


执行结果
1111
2222


2jquerymobile的pageinit事件响应,在裸代码执行后触发
$(document).live("pageinit",function(event) {//用bind 绑定效果相同
console.log("pageinit function");
}


3黑莓webworksready执行与jquery的document.ready事件响应,取决于他们俩的包含文件谁在前面声明
<script type="text/javascript" src="local:///chrome/webworks.js"></script>
<script src="包含document.ready的js文件"></script>
这两个事件响应都会在jquerymobile的pageinit事件后执行。
$(document).ready(function() {
  console.log("JQUERY READY");
});
document.addEventListener("webworksready", function() {
  console.log("webworksready");
});


4window.onload/<body οnlοad=”load()”>和jquery document.ready
window.onload/<body οnlοad=”load()”>在所有DOM元素加载完成后才执行
jquery document.ready在DOM树建立后就立即执行


5事件触发顺序:
mobileinit -> pagebeforecreate -> pagecreate -> pageinit -> $(document).ready()。
第一个触发的事件是mobileinit,绑定此事件的JS代码,应该在jQuery之后,jQuery mobile之前。因为Document还没有加入到DOM树中,mobileinit事件中对html的操作时徒劳的;
页面的DOM加载后,DOM初始化之前 触发pagebeforecreate事件;
在HTML已经在DOM中建立完成,初始化也完成,但在展开widget之前触发pagecreate事件;
展开完成后触发pageinit事件;
展开完成后触发的事件。是jQuery mobile中的$(document).ready()。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值