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