jQuery Mobile pageloadfailed 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

頁面加載失敗時彈出資訊:

$(document).on("pageloadfailed",function(){
  alert("抱歉,請求的頁面不存在。");
});


定義和用法

1.4.0 版本後已廢棄,使用 pagecontainerloadfailed 替代。

pageloadfailed 事件在頁面加載失敗時觸發。

相關事件:

  • pagebeforeload - 在任何加載之前觸發的事件
  • pageload -在頁面成功加載及插入到DOM後觸發。

注意: 外部頁面加載到DOM時,肯定會觸發2類事件。加載之前的pagebeforeload事件,和加載之後pageload(加載成功) 或 pageloadfailed(加載失敗)。


語法

$("document").on("pageloadfailed",function(event,data){...})

參數 描述
function(event,data) 必須。指定 pageloadfailed 事件觸發後執行的函數。

該函數含有以下兩個參數:

事件對象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多資訊請查閱 jQuery 事件參考手冊

數據對象 - 包含以下類型:

  • url (string) - 通過回調傳到$.mobile.loadPage()的絕對或者相對地址
  • absUrl (string) - 包含URL的絕對引用
  • dataUrl (string) - 包含流覽器的URL 位置
  • deferred (object) - 包含 resolve() 或 reject()
  • options (object) - 包含可選項發送到 $.mobile.loadPage()
  • xhr (object) - 包含 XMLHttpRequest 對象 (作為第三個參數發送到 $.ajax() 成功回調)
  • errorThrown - (null, string, object) - 在 HTTP 發送錯誤時,errorThrown 接收HTTP狀態資訊,如 "Not Found(沒有找到頁面)" 或 "Internal Server Error(伺服器內部錯誤)" (作為第三個參數傳給 $.ajax() 錯誤回調)


實例

更多實例

相關事件演示。
pageload 和 pageloadfailed事件的演示。

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

數據對象
使用 data.url 返回沒有成功加載頁面的URL。

數據對象
在沒有找到頁面時,使用 data.errorThrown 返回錯誤資訊。


jQuery Mobile 事件 jQuery Mobile 事件