jQuery Mobile：什麼時候應該使用 `pageinit` 而不是 `$(document).ready()`？

jQuery Mobile：文件就緒與頁面事件

了解差異

jQuery Mobile 引入頁面事件來解決$(document) 的限制.read🎜>jQuery Mobile 引入頁面事件來解決$(document) 的限制.ready( )，它可能會在行動頁面載入之前觸發，並可能導致問題。頁面事件，例如 pageinit，提供了一種更細緻的方式來執行與特定頁面相關的程式碼。

頁面事件順序

從一個頁面轉換到另一個頁面時，頁面事件的順序是：

1. 卸載事件

   • 頁面卸載前
   • 頁面卸載
   • 頁面刪除

2. 加載事件

   • pagebeforecreate
   • page create
   • pageinit

3. 顯示/隱藏活動
pagebeforehide
4. pagehide
6. 程式碼組織

對於為了更好地組織程式碼，建議將頁面初始化程式碼單獨保存在 JavaScript 檔案中。對於全域設置，請使用 mobileinit 事件。

防止頁面轉換

要防止基於特定條件的頁面轉換，請使用 pagebeforechange 事件和 e.preventDefault() 方法。

防止多個事件綁定

要防止多個事件綁定，請使用 pageinit 進行事件處理或在重新綁定之前刪除事件處理程序。

頁時間

頁面轉換涉及載入、增強（樣式化）和執行轉換。轉換的平均執行時間約為 670 毫秒。

頁之間的資料操作

以下是一些在頁面之間操作資料的方法：

方法一：

使用dataUrl或data 參數$.mobile.changePage().

方法2:
• 使用 jQuery 插件，例如 John Bale 的 Multiple Popups。
方法 3:
• 儲存資料在 $(document) 物件中使用 $(document).data().

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