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 ) {} );