jQuery Mobile pagecontainerload 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在頁面成功載入並插入到 DOM 後彈出文本資訊：

$(document).on("pagecontainerload",function(){
  alert("pagecontainerload 事件觸發!");
});

定義和用法

pagecontainerload 事件在頁面成功載入並插入到 DOM 後觸發。

相關事件:

注意：該事件用於外部頁面 - 頁面載入後並插入到 DOM 中, 2 個事件會觸發。第一個事件為 pagecontainerbeforeload，第二個事件可能是 pagecontainerload 或 pagecontainerloadfailed 。

語法

$("document").on("pagecontainerload",function(event,data){...})
參數 描述
function(event,data) 必須。指定事件觸發後執行的函數。

該函數有兩個可選參數：

event 對象 - 包含 jQuery 事件屬性 (如： event.target, event.type, 等) ，查看 jQuery 事件參考手冊 瞭解更多資訊。

data 對象 - 包含以下內容：

  • url (string) - 頁面的絕對或相對 URL 地址 (發送到 $.mobile.loadPage())
  • absUrl (string) - URL 的絕對路徑
  • dataUrl (string) - 流覽器中對應的 URL 地址
  • deferred (object) - 包含 resolve() 或 reject()
  • options (object) - 可選項被發送到 $.mobile.loadPage()
注意： 在事件對象中你可以通過調用 event.preventDefault() 來手動處理請求， data 對象中的 deferred 對象包含resolve() 或 reject()方法。
實例

更多實例

相關事件演示
pagecontainerload 和 pagecontainerloadfailed 事件演示。

event 對象
使用 event.type 屬性來返回觸發的事件類型。

data 對象
使用 data.url 返回外部頁面的 URL 地址 。