jQuery Mobile pagecontainerbeforeload 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在請求載入前彈出資訊：

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

定義和用法

pagecontainerbeforeload 事件在請求載入前觸發。

相關事件:

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

語法

$("document").on("pagecontainerbeforeload",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 地址 。