最新的Web開發教程
 

jQuery的pageshow事件

<jQuery Mobile的活動

提醒一些文本,當我們轉換頁面,如圖:

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

定義和用法

該pageshow觸發事件上"to"頁,過渡動畫完成後。

相關事件:

  • pagebeforeshow -觸發上"to"頁,過渡動畫開始前
  • pagebeforehide -觸發了對"from"頁面,過渡動畫開始前
  • pagehide -觸發了對"from"頁面,過渡動畫完成後,

注意:此事件被觸發每一個網頁過渡時間開始/停止。


句法

要觸發對jQuery Mobile的所有頁面的事件:

$("document").on("pageshow",function(event){...}) Try it

要觸發特定頁面的事件:

$("document").on("pageshow"," page ",function(event,data){...}) Try it

參數 描述
function(event,data) 需要。 指定當pageshow事件發生時運行的功能。

該函數有兩個可選參數:

  • 事件對象 -它可以包含任何jQuery的事件屬性(如event.target, event.type等)請參閱的jQuery事件參考有關更多信息,
  • 該數據對象 -包含一個屬性,則prevPage,它返回我們從過渡掉頁
page 可選的。 點到頁面的ID來指定pageshow事件。 對於內部的網頁,使用#id 。 對於外部網頁,使用externalfile.html

試一試 - 示例

相關事件的演示
演示顯示時pagebeforeshow,pageshow,pagebeforehide和pagehide火災。

事件對象
使用屬性Event.type返回觸發事件類型。

數據對象
使用prevPage屬性返回我們從過渡離開頁面。


<jQuery Mobile的活動