PhoneGap中文网

 找回密码
 立即注册
查看: 24465|回复: 6
打印 上一主题 下一主题

Jquery Mobile 页面加载事件(pagebeforeload、pageload)

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-8-8 21:03:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    当外部的页面加载到dom中时,有两个事件被触发。第一个是 pagebeforeload,第二个是pageload ,或者pageloadfailed。

    pagebeforeload

    在加载请求发出之前触发,绑定到这个事件的回调函数可以可以对 该事件调用preventDefault(),来表明由他们来处理加载的请求。 这样的做的话回调函数必须对通过数据对象传到回调函数的对象调用resolve()或者reject()。通过第二个参数传到回调函数的对象包含如下的属性:

        url (字符串):通过回调传到$.mobile.loadPage()的绝对或者相对地址

        absUrl (字符串):url的绝对地址版本。

        dataUrl (字符串):绝对地址的当识别页面或者更新浏览器地址的时候使用的绝对地址经过过滤的版本

        deferred (对象):针对此事件调用preventDefault()的回调函数必须针对此事件调用

        resolve()或者reject()方法,使得changePage()的请求恢复。例如:
  1. $( document ).bind( "pagebeforeload", function( event, data ){
  2.             //让jqm框架知道由我们来处理load事件.
  3.             event.preventDefault();
  4.             //...加载文档然后插入到DOM中
  5.             //在这个回调中,或者通过其他的异步加载手段中,
  6.             //调用resolve,转入到下面的参数中,加上一个
  7.             //包含有页面dom元素的jquery选择器。
  8.             data.deferred.resolve( data.absUrl, data.options, page );
  9.         });
复制代码
    pageload

    在页面已成功加载并插入到DOM后触发。绑定到这个事件的回调函数会被作为一个数据对象作为第二个参数。这个对象包含如下的信息:

        url(字符串):网址址。

        absUrl(字符串):url的绝对地址版本。


it营
回复

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
沙发
发表于 2013-9-28 08:40:32 | 只看该作者
我是来刷分的,嘿嘿
it营
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
板凳
发表于 2013-10-2 00:36:56 | 只看该作者
没看完~~~~~~ 先顶,好同志
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
地板
发表于 2013-10-4 09:18:43 | 只看该作者
有竞争才有进步嘛
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
5#
 楼主| 发表于 2013-10-5 23:28:34 | 只看该作者
找到好贴不容易,我顶你了,谢了
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
6#
发表于 2013-10-7 14:06:18 | 只看该作者
正在学习中 谢谢楼主了 非常支持 开源
回复 支持 反对

使用道具 举报

0

主题

59

帖子

61

积分

注册会员

Rank: 2

积分
61
7#
发表于 2013-10-9 06:09:35 | 只看该作者
帮帮顶顶!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-4-24 22:50 , Processed in 0.051491 second(s), 44 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表