用法:
loadfailed( event, ui )
類型:pagecontainerloadfailed
如果頁麵加載請求失敗則觸發。
默認情況下,在調度此事件後,框架將顯示頁麵失敗消息並在事件的ui
參數中包含的延遲對象上調用reject()。回調可以通過在事件上調用 preventDefault()
來阻止執行此默認行為。
-
event類型:Event
-
ui類型:Object
-
url類型:String調用者傳遞給 load() 的絕對或相對 URL。
-
absUrl類型:String網址的絕對版本。如果 url 是相對的,則根據用於加載當前活動頁麵的 url 進行解析。
-
dataUrl類型:String在識別頁麵並在頁麵處於活動狀態時更新瀏覽器位置時使用的 absUrl 的過濾版本。
-
toPage類型:String包含嘗試加載的 url 的字符串。
-
prevPage類型:jQuery一個包含來自頁麵 DOM 元素的 jQuery 集合對象。
-
deferred類型:Deferred調用的回調
preventDefault()
在活動中,MUST稱呼resolve()
或者reject()
在這個物體上,這樣change()
請求恢複處理。延遲對象觀察者期望延遲對象像這樣被解析:$( document ).on( "pageloadfailed", function( event, data ) { // Let the framework know we're going to handle things. event.preventDefault(); // ... attempt to load some other page ... // at some point, either in this callback, or through // some other async means, call resolve, passing in // the following args, plus a jQuery collection object // containing the DOM element for the page. data.deferred.resolve( data.absUrl, data.options, page ); });
或像這樣拒絕:
$( document ).on( "pageloadfailed", function( event, data ) { // Let the framework know we're going to handle things. event.preventDefault(); // ... attempt to load some other page ... // at some point, if the load fails, either in this // callback, or through some other async means, call // reject like this: data.deferred.reject( data.absUrl, data.options ); });
-
options類型:Object此對象包含傳遞給 load() 的選項。
-
xhr嘗試加載頁麵時使用的 jQuery XMLHttpRequest 對象。這是作為第一個參數傳遞給框架的
$.ajax()
錯誤回調的內容。 -
textStatus類型:String根據 jQuery Core documentation ,除了
null
之外,此屬性的可能值為 "timeout"、"error"、"abort" 和 "parsererror"。這是作為第二個參數傳遞給框架的$.ajax()
錯誤回調的內容。 -
errorThrown根據 jQuery Core documentation ,如果發生異常,該屬性可能是一個異常對象,或者如果發生 HTTP 錯誤,這將被設置為 HTTP 狀態的文本部分。否則它將是
null
。這是作為第三個參數傳遞給框架的$.ajax()
錯誤回調的內容。
-
代碼示例:
使用指定的 loadfailed 回調初始化 pagecontainer:
$( ".selector" ).pagecontainer({
loadfailed: function( event, ui ) {}
});
將事件監聽器綁定到 pagecontainerloadfailed 事件:
$( ".selector" ).on( "pagecontainerloadfailed", function( event, ui ) {} );
相關用法
- JQuery Mobile Pagecontainer load( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer load用法及代碼示例
- JQuery Mobile Pagecontainer beforeshow( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer change用法及代碼示例
- JQuery Mobile Pagecontainer classes用法及代碼示例
- JQuery Mobile Pagecontainer theme用法及代碼示例
- JQuery Mobile Pagecontainer create( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer disabled用法及代碼示例
- JQuery Mobile Pagecontainer beforehide( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer show( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer getActivePage用法及代碼示例
- JQuery Mobile Pagecontainer beforechange( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer defaults用法及代碼示例
- JQuery Mobile Pagecontainer beforeload( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer beforetransition( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer change( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer changefailed( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer hide( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer remove( event, ui )用法及代碼示例
- JQuery Mobile Pagecontainer transition( event, ui )用法及代碼示例
- JQuery Mobile Page corners用法及代碼示例
- JQuery Mobile Page create( event )用法及代碼示例
- JQuery Mobile Page keepNativeDefault用法及代碼示例
- JQuery Mobile Page theme用法及代碼示例
- JQuery Mobile Page keepNative用法及代碼示例
注:本文由純淨天空篩選整理自jquerymobile.com大神的英文原創作品 Pagecontainer loadfailed( event, ui )。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。