Latest web development tutorials

jQuery Mobile pageshow event

jQuery Mobile Events jQuery Mobile Events

Examples

After the page is displayed after switching pop-up message:

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

try it"

Definition and Usage

pageshow event after the page is displayed after switch trigger.

Related events:

  • pagebeforeshow - before displaying the page after the switch trigger events.
  • pagebeforehide - before switching old page after page hidden trigger events.
  • pagehide - after page after page switching old hidden trigger events.

Note: This event is triggered when a page transition start / end.


grammar

Trigger events in all pages in jQuery Mobile:

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

Trigger the specified event page:

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

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

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

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


Examples

More examples

Related events demonstrate.
This example demonstrates pagebeforeshow, pageshow, pagebeforehide pagehide and trigger events.

Event objects
Use event.type vertical return trigger event type.

Data Objects
Use prevPage property to return to the previous page.


jQuery Mobile Events jQuery Mobile Events