例
我々はに移行しているページは、表示されたときにいくつかのテキストを警告します：
$(document).on("pageshow","#pagetwo",function(){
alert("pageshow
event fired - pagetwo is now shown");
}); »それを自分で試してみてください 定義と使用法
pageshowのイベントがでトリガさ"to"トランジションアニメーションが完了した後、ページ。
関連イベント：
- pagebeforeshow -のトリガ"to"トランジションアニメーションを開始する前に、ページ
- pagebeforehide -のトリガー"from"トランジションアニメーションを開始する前に、ページ
- pagehide -のトリガー"from"トランジションアニメーションが完了した後、ページ
注意：このイベントは、ページ遷移が起動されるたびにトリガされます/停止します。
構文
jQueryのモバイル内のすべてのページのためのイベントをトリガするには：
$("document").on("pageshow",function(event){...})
Try it
特定のページのためのイベントをトリガするには：
$("document").on("pageshow"," page ",function(event,data){...})
Try it
| パラメーター | 説明 |
|---|---|
| function(event,data) | 必須。 pageshowのイベントが発生したときに実行する関数を指定します。 この関数は2つのオプションパラメータがあります。
|
| page | 任意。 ページのIDへのポイントのためpageshowのイベントを指定します。 内部ページの場合、使用#id 。 外部ページの場合、使用externalfile.html 。 |
それを自分で試してみてください - 例
関連イベントのデモンストレーション
pagebeforeshow、pageshowの、pagebeforehideとpagehide火災を示しているデモ。
イベントオブジェクト
プロパティEvent.typeを使用すると、トリガされたイベントのタイプを返します。
データオブジェクト
私たちはから離れて移行しているページを返すようにprevPageプロパティを使用。