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

jQueryのpagebeforehideイベント

<jQueryのモバイルイベント

私たちはから離れて移行しているページは、非表示にされるいくつかのテキストを警告します:

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

定義と使用法

pagebeforehideイベントがでトリガさ"from"トランジションアニメーションの開始前に、ページ。

関連イベント:

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

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


構文

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

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

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

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

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

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

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

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

関連イベントのデモンストレーション
示しデモンストレーションpagebeforeshow, pageshow, pagebeforehidepagehide火を。

イベントオブジェクト
event.timeStampプロパティを使用します。

データオブジェクト
使用nextPage我々が移行しているページを返すようにプロパティを。


<jQueryのモバイルイベント