jQuery Mobile pagebeforeshowイベント

jQuery Mobile 事件jQuery Mobile イベント

例

ページ切り替え後、表示される前にテキスト情報をポップアップ表示します:

$(document).on("pagebeforeshow","#pagetwo",function(){
alert("pagebeforeshow 事件触发 - 页面二即将展示");
});

試してみる »

定義と使い方

pagebeforeshow は、ページ切り替え後、表示される前に発生するイベントです。

関連イベント:

  • pageshow- ページ切り替え後、表示された後に発生するイベント。
  • pagebeforehide- ページ切り替え後、古いページが隠れる前に発生するイベント。
  • pagehide- ページ切り替え後、古いページが隠れた後に発生するイベント。

注意:このイベントは、各ページ遷移の開始/停止時に発生します。

構文

jQuery Mobile のすべてのページでイベントをトリガーする:

$("document").on("pagebeforeshow",function(event){...}) 試してみる

指定したページに対してイベントをトリガーする:

$("document").on("pagebeforeshow","page",function(event,data){...}) 試してみる

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

この関数には次の2つのパラメータが含まれます:

  • イベントオブジェクト- jQuery イベント属性（event.target、event.type など）を含みます。詳細は次のドキュメントを参照してください:jQuery イベントリファレンス
  • データオブジェクト- プロパティ prevPage を含みます。このプロパティは遷移元の前のページを返します。
page 省略可能。pagebeforeshow イベントが指すページのID。内部ページの場合は #id を使用します。外部ページの場合は URL を使用します。 externalfile.html。

实例

その他の例


この例では、pagebeforeshow、pageshow、pagebeforehide、pagehide イベントの発生をデモしています。


event.type プロパティを使用して、発生したイベントのタイプを返します。


prevPage プロパティを使用して、遷移元の前のページを返します。

jQuery Mobile 事件jQuery Mobile イベント

その他の拡張