Latest web development tutorials

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 地址。