jQuery Mobile pagecontainerloadfailed 事件

jQuery Mobile 事件 jQuery Mobile 事件

实例

在页面成功载入并插入到 DOM 后弹出文本信息:

$(document).on("pagecontainerloadfailed",function(){
  alert("抱歉,请求的页面不存在。");
});


定义和用法

pagecontainerload 事件在页面成功载入并插入到 DOM 后触发。

相关事件:

  • pagecontainerbeforeload - 请求载入前触发
  • pagecontainerload - 在页面成功载入并插入到 DOM 后触发

注意:该事件用于外部页面 - 页面载入后并插入到 DOM 中, 2 个事件会触发。第一个事件为 pagecontainerbeforeload,第二个事件可能是 pagecontainerload 或 pagecontainerloadfailed 。


语法

$("document").on("pagecontainerloadfailed",function(event,data){...})
参数 描述
function(event,data) 必须。指定事件触发后执行的函数。

该函数有两个可选参数:

event 对象 - 包含 jQuery 事件属性 (如: event.target, event.type, 等) ,查看 jQuery 事件参考手册 了解更多信息。

data 对象 - 包含以下内容:

  • url (string) - 页面的绝对或相对 URL 地址 (发送到 $.mobile.loadPage())
  • absUrl (string) - URL 的绝对路径
  • dataUrl (string) - 浏览器中对应的 URL 地址
  • deferred (object) - 包含 resolve() 或 reject()
  • options (object) - 可选项被发送到 $.mobile.loadPage()
注意: 在事件对象中你可以通过调用 event.preventDefault() 来手动处理请求, data 对象中的 deferred 对象包含resolve() 或 reject()方法。
实例

更多实例

相关事件演示
pagecontainerload 和 pagecontainerloadfailed 事件演示。

event 对象
使用 event.type 属性来返回触发的事件类型。

data 对象
使用 data.url 返回外部页面的 URL 地址 。

data 对象
当页面不存在时使用 data.errorThrown 返回一些信息。