jQuery Mobile 页面事件

开发工具与关键技术:visual Studio jquery
作者:邓伟征
撰写时间:

在 jQuery Mobile 中与页面打交道的事件被分为四类:
Page Initialization - 在页面创建前,当页面创建时,以及在页面初始化之后
Page Load/Unload - 当外部页面加载时、卸载时或遭遇失败时
Page Transition - 在页面过渡之前和之后
Page Change - 当页面被更改,或遭遇失败时
Query Mobile Initialization 事件
当 jQuery Mobile 中的一张典型页面进行初始化时,它会经历三个阶段:
在页面创建前 页面创建 页面初始化
Pagebeforecreate事件:当页面即将初始化,并且在 jQuery Mobile 已开始增强页面之前,触发该事件。
Pagecreate事件:当页面已创建,但增强完成之前,触发该事件。
Pageinit事件:当页面已初始化,并且在 jQuery Mobile 已完成页面增强之后,触发该事件。jQuery Mobile Load 事件
页面加载事件属于外部页面。
无论外部页面何时载入 DOM,将触发两个事件。
第一个是 pagebeforeload,
第二个是 pageload (成功)或 pageloadfailed(失败)。
Pagebeforeload事件:在任何页面加载请求作出之前触发。
Pageload事件:在页面已成功加载并插入 DOM 后触发。
Pageloadfailed:如果页面加载请求失败,则触发该事件。默认地,将显示 “Error Loading Page” 消息。
jQuery Mobile 过渡事件
我们还可以在从一页过渡到下一页时使用事件。
页面过渡涉及两个页面:一张“来”的页面和一张“去”的页面 - 这些过渡使当前活动页面(“来的”页面)到新页面(“去的”页面的改变过程变得更加动感。Pagebeforeshow事件:在“去的”页面触发,在过渡动画开始前。
Pageshow事件:在“去的”页面触发,在过渡动画完成后。
Pagebeforehide事件:在“来的”页面触发,在过渡动画开始前。
Pagehide事件:在“来的”页面触发,在过渡动画完成后。
jQuery Mobile 事件都是通过on()方法来绑定事件的
所有的jQuery Mobile 事件
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值