【轉】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()。