jQuery Mobile：何時使用 `pageinit` 與 `$(document).ready()`？

jQuery Mobile：頁面事件與Document Ready

差異和用法

而$(document).readyDO() 傳統上用於MDOM元素操作，由於其基於Ajax 的頁面加載，它可能不適合jQuery Mobile 應用程式。這可能會導致程式碼在頁面完全載入之前執行。

在 jQuery Mobile 中，頁面事件可以更好地控制頁面執行。 $(document).on('pageinit') 在頁面首次載入到 DOM 時觸發，是初始化頁面特定功能的理想位置。

使用頁面事件的好處

• 避免在頁面載入之前執行程式碼。
• 執行特定於特定頁面的程式碼。
• 控制頁轉換期間事件的執行順序。

轉換期間的頁面事件順序

頁面之間轉換時，按以下順序觸發事件：

1. 建立先前的頁面（頁B)
2. pagecreate（頁面B）
3. pageinit（頁 B）
4. pagebeforehide (頁A)
5. 頁刪除（頁A）
6. 頁隱藏（頁A）
7. pagebeforeshow（頁B)
8. pageshow（頁面B）

頁面之間的資料操作

可以使用 dataUrl 將參數從一個頁面傳遞到另一個頁面和 $.mobile.changePage 中的資料選項。這些參數可以在目標頁面的 pagebeforeshow 事件中使用 $(this).data("url") 或 $(this).data("data") 來檢索。

結論

頁面事件可以更精確地控制 jQuery Mobile 應用程式中的程式碼執行。透過利用這些事件，開發人員可以避免常見的陷阱並確保跨頁面執行一致。

以上是jQuery Mobile：何時使用 `pageinit` 與 `$(document).ready()`？的詳細內容。更多資訊請關注PHP中文網其他相關文章！