【转】jQuery Mobile 初始化事件之比较

    jQuery Mobile 初期化事件有mobileinit,pagebeforecreate,pagecreate,pageinit这个4个事件。本文尝试总结和比较4个事件。
 

事件触发顺序

第一个触发的事件是mobileinit，其次pagebeforecreate，再次pagecreate，最后pageinit。
mobileinit -> pagebeforecreate -> pagecreate -> pageinit。

mobileinit

jQuery mobile加载时最先触发的事件。
绑定此事件的JS代码，应该在jQuery之后，jQuery mobile之前。

0 1 2 3 4 5 6

<script src="jquery.js"></script> <script> $(document).live('mobileinit',function(event){ // .... }); </script> <script src="jquery.mobile-1.0.1.min.js"></script>

因为Document还没有加入到DOM树中，mobileinit事件中对html的操作是徒劳的。
 

pagebeforecreate

页面的DOM加载后，DOM初始化之前 触发的事件。
 

pagecreate

这个事件，在HTML已经在DOM中建立完成，初始化也完成，但在展开widget之前触发的事件。

pageinit

展开完成后触发的事件。是jQuery mobile中的$(document).ready()。