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

用法:

beforeload( event, ui )

類型：pagecontainerbeforeload

• 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( "pagecontainerbeforeload", function( event, data ) {
     
      // Let the framework know we're going to handle the load.
     
      event.preventDefault();
     
      // ... load the document then insert it into the DOM ...
      // 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( "pagecontainerbeforeload", function( event, data ) {
     
      // Let the framework know we're going to handle the load.
     
      event.preventDefault();
     
      // ... load the document then insert it into the DOM ...
      // 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() 的選項。

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

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