jQuery Mobile pagebeforeshow 事件

2018-09-22 12:18 更新

jQuery Mobile pagebeforeshow 事件

jQuery Mobile 事件 jQuery Mobile 事件

實例

在頁面切換后顯示之前,彈出文本信息:

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

嘗試一下 ?

定義和用法

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

相關(guān)事件:

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

注意: 該事件在每個過渡頁面開始/停止時觸發(fā)。


語法

To trigger the event for all pages in 在 jQuery Mobile 中為所有頁面觸發(fā)事件:

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

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

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

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

該函數(shù)包含以下兩個參數(shù):

  • 事件對象 - 包括任何jQuery事件屬性 ( event.target, event.type 等) 。更多信息請查閱 jQuery 事件參考手冊
  • 數(shù)據(jù)對象 - 包含屬性 prevPage, 該屬性返回過渡的上一個頁面。
page 可選。 pagebeforeshow 事件指向的頁面id。 內(nèi)部頁面, 請使用 #id。 外部頁面, 使用 externalfile.html


實例

更多實例

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

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

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


jQuery Mobile 事件 jQuery Mobile 事件

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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號