jQuery Mobile pagecontainerloadfailed 事件

jQuery Mobile 事件

執行個體

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

$(document).on("pagecontainerloadfailed",function(){

  alert("抱歉，請求的頁面不存在。");

});

定義和用法

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

相關事件:

• pagecontainerbeforeload - 請求載入前觸發
• pagecontainerload - 在頁面成功載入并插入到 DOM 後觸發

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

。

文法

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

當頁面不存在時使用 data.errorThrown 傳回一些資訊。