最新のWeb開発のチュートリアル
 

jQueryのpagebeforeshowイベント

<jQueryのモバイルイベント

我々は移行しているページは、示されようとしているときにいくつかのテキストを警告します:

$(document).on("pagebeforeshow","#pagetwo",function(){
  alert("pagebeforeshow event fired - pagetwo is about to be shown");
});
»それを自分で試してみてください

定義と使用法

pagebeforeshowイベントがでトリガさ"to"トランジションアニメーションが開始される前に、ページ。

関連イベント:

  • pageshowの -のトリガ"to"トランジションアニメーションが完了した後、ページ
  • pagebeforehide -のトリガー"from"トランジションアニメーションを開始する前に、ページ
  • pagehide -のトリガー"from"トランジションアニメーションが完了した後、ページ

注意:このイベントは、ページ遷移が起動されるたびにトリガされます/停止します。


構文

jQueryのモバイル内のすべてのページのためのイベントをトリガするには:

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

特定のページのためのイベントをトリガするには:

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

パラメーター 説明
function(event,data) 必須。 pagebeforeshowイベントが発生したときに実行する関数を指定します。

この関数は2つのオプションパラメータがあります。

  • イベントオブジェクト -任意のjQueryのイベントのプロパティを含めることができます(例えばevent.target, event.typeなど)を参照してくださいjQueryのイベントリファレンス詳細については、
  • データオブジェクトは -私たちから離れて移行しているページを返しつのプロパティ、prevPageを、含まれています
page 任意。 ページのIDへのポイントのためpagebeforeshowイベントを指定します。 内部ページの場合、使用#id 。 外部ページの場合、使用externalfile.html

それを自分で試してみてください - 例

関連イベントのデモンストレーション
pagebeforeshow、pageshowの、pagebeforehideとpagehide火災を示しているデモ。

イベントオブジェクト
プロパティEvent.typeを使用すると、トリガされたイベントのタイプを返します。

データオブジェクト
私たちはから離れて移行しているページを返すようにprevPageプロパティを使用。


<jQueryのモバイルイベント