Latest web development tutorials

jQuery Mobile pageshow 事件

jQuery Mobile 事件 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


實例

更多實例

相關事件演示。
該實例演示了pagebeforeshow, pageshow, pagebeforehide 和pagehide 事件的觸發。

事件對象
使用event.type 豎向返回觸發事件類型。

數據對象
使用prevPage 屬性返回上一頁面。


jQuery Mobile 事件 jQuery Mobile事件