jQuery Mobile pageshowイベント
jQuery Mobile イベント例
ページ切り替え後に表示された後、メッセージをポップアップ表示します：
$(document).on("pageshow","#pagetwo",function(){
alert("pageshow 事件触发 - 展示页面二");
});
alert("pageshow 事件触发 - 展示页面二");
});
試してみる »
定義と使い方
pageshow は、ページ切り替え後に表示された後にトリガーされるイベントです。
関連イベント：
- pagebeforeshow- ページ切り替え後に表示される前にトリガーされるイベント。
- pagebeforehide- ページ切り替え後に古いページが非表示になる前にトリガーされるイベント。
- pagehide- ページ切り替え後に古いページが非表示になった後にトリガーされるイベント。
注意：このイベントは、ページ遷移の開始時/終了時にトリガーされます。
構文
jQuery Mobile ですべてのページイベントをトリガーするには：
$("document").on("pageshow",function(event){...})
試してみる
指定したページイベントをトリガーするには：
$("document").on("pageshow","page",function(event,data){...})
試してみる
| パラメータ | 説明 |
|---|---|
| function(event,data) | 必須。pageshow イベントがトリガーされたときに実行される関数を指定します。 この関数には以下の2つのパラメータがあります：
|
| page | オプション。pagebeforehide イベントがトリガーされたときに指すページ ID を指定します。 内部ページの場合は、#id。外部ページの場合は、 externalfile.html。 |
その他の例
この例では、pagebeforeshow、
pageshow、pagebeforehide、pagehide イベントのトリガーをデモします。
event.type 属性を使用して、トリガーされたイベントのタイプを返します。
prevPage 属性を使用して前のページを返します。
その他の拡張