jQuery Mobile pageshow 事件

2018-09-09 13:07 更新

jQuery Mobile pageshow 事件

jQuery Mobile 事件 jQuery Mobile 事件

實(shí)例

在頁面切換后顯示之后彈出信息:

$(document).on("pageshow","#pagetwo",function(){
? alert("pageshow event fired - pagetwo is now shown");
});

嘗試一下 ?

定義和用法

pageshow 是在頁面切換后顯示之后,觸發(fā)的事件。

相關(guān)事件:

  • pagebeforeshow - 在頁面切換后顯示之前,觸發(fā)的事件。
  • pagebeforehide - 在頁面切換后老頁面隱藏之前,觸發(fā)的事件。
  • pagehide - 在頁面切換后老頁面隱藏之后,觸發(fā)的事件。

注意: 該事件在頁面過渡開始/結(jié)束時(shí)觸發(fā)。


語法

在jQuery Mobile中觸發(fā)所有頁面事件:

$("document").on("pageshow",function(event){...}) 嘗試一下

觸發(fā)指定頁面事件:

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

參數(shù) 描述
function(event,data) 必須。指定 pageshow 事件觸發(fā)時(shí)執(zhí)行的函數(shù)。

該函數(shù)含有以下兩個(gè)參數(shù):

  • 事件對象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多信息請查閱 jQuery 事件參考手冊
  • 數(shù)據(jù)對象 - 包含屬性 nextPage, 要返回的過渡頁面。
page 可選。 指定 pagebeforehide 事件觸發(fā)時(shí)指向的頁面id。 內(nèi)部頁面, 請使用 #id。外部頁面,請使用 externalfile.html。


實(shí)例

更多實(shí)例

相關(guān)事件演示。
該實(shí)例演示了 pagebeforeshow, pageshow, pagebeforehide 和 pagehide 事件的觸發(fā)。

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

數(shù)據(jù)對象
使用 prevPage 屬性返回上一頁面。


jQuery Mobile 事件 jQuery Mobile 事件

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號