当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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 )。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。