jQuery Mobile pagecontainerload 事件

jQuery Mobile 事件 jQuery Mobile 事件

實(shí)例

在頁(yè)面成功載入并插入到 DOM 后彈出文本信息：

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

嘗試一下 ?

定義和用法

pagecontainerload 事件在頁(yè)面成功載入并插入到 DOM 后觸發(fā)。

相關(guān)事件:

注意：該事件用于外部頁(yè)面 - 頁(yè)面載入后并插入到 DOM 中, 2 個(gè)事件會(huì)觸發(fā)。第一個(gè)事件為 pagecontainerbeforeload，第二個(gè)事件可能是 pagecontainerload 或 pagecontainerloadfailed 。

語(yǔ)法

$("document").on("pagecontainerload",function(event,data){...})
參數(shù) 描述
function(event,data) 必須。指定事件觸發(fā)后執(zhí)行的函數(shù)。

該函數(shù)有兩個(gè)可選參數(shù)：

event 對(duì)象 - 包含 jQuery 事件屬性 (如： event.target, event.type, 等) ，查看 jQuery 事件參考手冊(cè) 了解更多信息。

data 對(duì)象 - 包含以下內(nèi)容：

  • url (string) - 頁(yè)面的絕對(duì)或相對(duì) URL 地址 (發(fā)送到 $.mobile.loadPage())
  • absUrl (string) - URL 的絕對(duì)路徑
  • dataUrl (string) - 瀏覽器中對(duì)應(yīng)的 URL 地址
  • deferred (object) - 包含 resolve() 或 reject()
  • options (object) - 可選項(xiàng)被發(fā)送到 $.mobile.loadPage()
注意： 在事件對(duì)象中你可以通過(guò)調(diào)用 event.preventDefault() 來(lái)手動(dòng)處理請(qǐng)求， data 對(duì)象中的 deferred 對(duì)象包含resolve() 或 reject()方法。
實(shí)例

更多實(shí)例

相關(guān)事件演示
pagecontainerload 和 pagecontainerloadfailed 事件演示。

event 對(duì)象
使用 event.type 屬性來(lái)返回觸發(fā)的事件類(lèi)型。

data 對(duì)象
使用 data.url 返回外部頁(yè)面的 URL 地址 。