最新的Web开发教程
 

jQuery的页面加载事件

<jQuery Mobile的活动

提醒当外部页面已经被成功加载并插入到DOM一些文字:

$(document).on("pageload",function(){
  alert("pageload event fired!");
});
试一试»

定义和用法

该页面加载事件jQuery的版本1.4.0弃用。 使用pagecontainerload事件来代替。

后页被成功地加载并插入到DOM触发页面加载事件。

相关事件:

注意:这些事件进行外部页面-每当外部页面加载到DOM,2事件被解雇。 第一是pagebeforeload。 第二届活动要么是页面加载或pageloadfailed。


句法

$("document").on("pageload",function(event,data){...})

参数 描述
function(event,data) 需要。 指定当页面加载事件发生时运行的功能。

该函数有两个可选参数:

事件对象 -它可以包含任何jQuery的事件属性(如event.target, event.type等)请参阅的jQuery事件参考有关更多信息,

数据对象 -包含以下内容:

  • url (string) -包含页面的绝对或相对URL(被发送到$.mobile.loadPage()
  • absUrl (string) -包含URL的绝对引用
  • dataUrl (string) -包含了浏览器的位置的URL
  • options (object) -包含被送到选项$.mobile.loadPage()
  • xhr (object) -包含XMLHttpRequest对象(被当成第三个参数$.ajax()成功回调)
  • textStatus (string or null) -包含请求(状态"success""null" )(被当成第二个参数$.ajax()错误回调)

试一试 - 示例

相关事件的演示
页面加载和pageloadfailed的演示。

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

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


<jQuery Mobile的活动