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

jQueryのpagehideイベント

<jQueryのモバイルイベント

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

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

定義と使用法

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

関連イベント:

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

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


構文

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

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

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

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

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

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

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

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

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

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

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


<jQueryのモバイルイベント