jQuery Mobile pagecontainerload 事件

jQuery Mobile 事件 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 地址 。