最新的Web开发教程
 

jQuery的pagebeforeshow事件

<jQuery Mobile的活动

提醒一些文本,当我们转换页面,即将被图所示:

$(document).on("pagebeforeshow","#pagetwo",function(){
  alert("pagebeforeshow event fired - pagetwo is about to be shown");
});
试一试»

定义和用法

该pagebeforeshow触发事件上"to"页,过渡动画开始之前。

相关事件:

  • pageshow -触发上"to"页,在过渡动画完成后
  • pagebeforehide -触发了对"from"页面,过渡动画开始前
  • pagehide -触发了对"from"页面,过渡动画完成后,

注意:此事件被触发每一个网页过渡时间开始/停止。


句法

要触发对jQuery Mobile的所有页面的事件:

$("document").on("pagebeforeshow",function(event){...}) Try it

要触发特定页面的事件:

$("document").on("pagebeforeshow"," page ",function(event,data){...}) Try it

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

该函数有两个可选参数:

  • 事件对象 -它可以包含任何jQuery的事件属性(如event.target, event.type等)请参阅的jQuery事件参考有关更多信息,
  • 该数据对象 -包含一个属性,则prevPage,它返回我们从过渡掉页
page 可选的。 点到页面的ID来指定pagebeforeshow事件。 对于内部的网页,使用#id 。 对于外部网页,使用externalfile.html

试一试 - 示例

相关事件的演示
演示显示时pagebeforeshow,pageshow,pagebeforehide和pagehide火灾。

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

数据对象
使用prevPage属性返回我们从过渡离开页面。


<jQuery Mobile的活动