非常教程

jQuery Mobile 教程教程

jQuery Mobile pagecontainerload 事件

jQuery Mobile pagecontainerload 事件

jQuery Mobile pagecontainerload 事件

jQuery Mobile pagecontainerload 事件

jQuery Mobile 事件

实例

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

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

尝试一下 »

定义和用法

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

相关事件:

  • pagecontainerbeforeload - 请求载入前触发
  • pagecontainerloadfailed - 页面请求失败触发

注意:该事件用于外部页面 - 页面载入后并插入到 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()方法。

jQuery Mobile pagecontainerload 事件

更多实例

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

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

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

jQuery Mobile pagecontainerload 事件
jQuery Mobile 教程

jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页,可以应用于智能手机与平板电脑。

jQuery Mobile 教程目录