當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


JQuery Mobile Pagecontainer loadfailed( event, ui )用法及代碼示例


用法:

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
      類型:XMLHttpRequest
      嘗試加載頁麵時使用的 jQuery XMLHttpRequest 對象。這是作為第一個參數傳遞給框架的$.ajax() 錯誤回調的內容。
    • textStatus
      類型:String
      根據 jQuery Core documentation ,除了 null 之外,此屬性的可能值為 "timeout"、"error"、"abort" 和 "parsererror"。這是作為第二個參數傳遞給框架的$.ajax() 錯誤回調的內容。
    • errorThrown
      類型:StringObject
      根據 jQuery Core documentation ,如果發生異常,該屬性可能是一個異常對象,或者如果發生 HTTP 錯誤,這將被設置為 HTTP 狀態的文本部分。否則它將是 null 。這是作為第三個參數傳遞給框架的$.ajax() 錯誤回調的內容。

代碼示例:

使用指定的 loadfailed 回調初始化 pagecontainer:

$( ".selector" ).pagecontainer({
  loadfailed: function( event, ui ) {}
});

將事件監聽器綁定到 pagecontainerloadfailed 事件:

$( ".selector" ).on( "pagecontainerloadfailed", function( event, ui ) {} );

相關用法


注:本文由純淨天空篩選整理自jquerymobile.com大神的英文原創作品 Pagecontainer loadfailed( event, ui )。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。