jQuery Mobile pagecontainerload 事件

在页面成功载入并插入到 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, 等) ，查看 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()方法。

参数

描述

function(event,data)

必须。指定事件触发后执行的函数。

该函数有两个可选参数：

event 对象 - 包含 jQuery 事件属性 (如： event.target, event.type, 等) ，查看

data 对象 - 包含以下内容：

注意： 在事件对象中你可以通过调用 event.preventDefault() 来手动处理请求， data 对象中的 deferred 对象包含resolve() 或 reject()方法。

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

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

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