非常教程

jQuery Mobile 教程教程

jQuery Mobile pageshow 事件

jQuery Mobile pageshow 事件

jQuery Mobile pageshow 事件

jQuery Mobile pageshow 事件

jQuery Mobile 事件

实例

在页面切换后显示之后弹出信息:

$(document).on("pageshow","#pagetwo",function(){
  alert("pageshow 事件触发 - 展示页面二");
});

尝试一下 »

定义和用法

pageshow 是在页面切换后显示之后,触发的事件。

相关事件:

  • pagebeforeshow - 在页面切换后显示之前,触发的事件。
  • pagebeforehide - 在页面切换后老页面隐藏之前,触发的事件。
  • pagehide - 在页面切换后老页面隐藏之后,触发的事件。

注意: 该事件在页面过渡开始/结束时触发。


语法

在jQuery Mobile中触发所有页面事件:

$("document").on("pageshow",function(event){...}) 尝试一下

触发指定页面事件:

$("document").on("pageshow","page",function(event,data){...}) 尝试一下

参数 描述
function(event,data) 必须。指定 pageshow 事件触发时执行的函数。

该函数含有以下两个参数:

  • 事件对象 - 包括任何jQuery事件属性 ( event.target, event.type 等) 。更多信息请查阅 jQuery 事件参考手册
  • 数据对象 - 包含属性 nextPage, 要返回的过渡页面。
page 可选。 指定 pagebeforehide 事件触发时指向的页面id。 内部页面, 请使用 #id。外部页面,请使用 externalfile.html


jQuery Mobile pageshow 事件

更多实例

相关事件演示。
该实例演示了 pagebeforeshow, pageshow, pagebeforehide 和 pagehide 事件的触发。

事件对象
使用 event.type 竖向返回触发事件类型。

数据对象
使用 prevPage 属性返回上一页面。


jQuery Mobile pageshow 事件

jQuery Mobile 事件

jQuery Mobile pageshow 事件
jQuery Mobile 教程

jQuery Mobile 是用于创建移动 Web 应用的前端开发框架。jQuery Mobile 使用 HTML5 & CSS3 最小的脚本来布局网页,可以应用于智能手机与平板电脑。

jQuery Mobile 教程目录