jQuery Mobile pagecontainerload 事件

jQuery Mobile 事件

实例

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

$(document).on("pagecontainerload",function(){
  alert("pagecontainerload 事件触发!");
});


尝试一下 »


定义和用法

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

相关事件:

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


语法

$("document").on("pagecontainerload",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 地址 。