PhoneGap中文网

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

Jquery Mobile页面显示/隐藏事件(pagebeforeshow、pagebeforehide、page...

[复制链接]

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
跳转到指定楼层
楼主
发表于 2013-8-8 21:08:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    在jQuery Mobile里,无论一个page在什么时候处于显示或者隐藏状态,这两个事件都会在这个page触发.事件的触发依赖于该page是否正在显示或者隐藏,所以,当一个page过渡发生,会有4个事件被触发:每个page触发2个:

    pagebeforeshow:转场之前,页面被显示时触发。

    pagebeforehide:转场之前,页面被隐藏时触发。

    pageshow:转场之后,页面被显示时触发。

    pagehide:转场之后,页面被隐藏时触发。



    请注意这4个事件都引用了“上一页”,或“下一页”,这取决于哪一页被显示或者隐藏,以及“上一页”或者“下一页”是否存在。(第一个page显示时并没有"上一页",但是同样会引用一个空的jQuery对象),你可以通过将第二个参数作为一个绑定的回调函数访问这一引用
  1.   $('div').live('pageshow',function(event, ui){
  2.      alert('This page was just hidden: '+ ui.prevPage);
  3.     });
  4.     $('div').live('pagehide',function(event, ui){
  5.      alert('This page was just shown: '+ ui.nextPage);
  6.     });
复制代码
而且,务必在 Jquery Mobile 执行前绑定这些函数,以使 他们在初始化页面加载时被调用。在 mobileinit 事件的处理函数中使用它们既可。


it营
回复

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
沙发
发表于 2013-9-28 10:41:56 | 只看该作者
不错不错,楼主您辛苦了。。。
it营
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
板凳
 楼主| 发表于 2013-10-2 03:49:14 | 只看该作者
不知该说些什么。。。。。。就是谢谢
回复 支持 反对

使用道具 举报

23

主题

141

帖子

260

积分

中级会员

Rank: 3Rank: 3

积分
260
地板
发表于 2013-10-4 11:37:23 | 只看该作者
谢谢楼主分享 支持phonegap中文网
回复 支持 反对

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
5#
 楼主| 发表于 2013-10-6 01:32:41 | 只看该作者
有竞争才有进步嘛
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
6#
发表于 2013-10-7 16:25:15 | 只看该作者
不错不错,楼主您辛苦了。。。
回复 支持 反对

使用道具 举报

0

主题

108

帖子

116

积分

注册会员

Rank: 2

积分
116
7#
发表于 2013-10-9 09:15:41 | 只看该作者
有竞争才有进步嘛
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-5-9 06:17 , Processed in 0.048940 second(s), 31 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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