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()。
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()。