jQuery Mobile pageloadイベント

例

外部ページが正常に読み込まれ、DOMに挿入された後にメッセージを表示します：

$(document).on("pageload",function(){
alert("pageload 事件触发!");
});

1.4.0 以降で非推奨となりました。代わりにpagecontainerload使用してください。

pageload イベントは、ページが正常に読み込まれ、DOMに挿入された後に発生します。

関連イベント:

注意：外部ページがDOMに読み込まれると、必ず2種類のイベントが発生します。読み込み前の pagebeforeload イベントと、読み込み後の pageload（成功）または pageloadfailed（失敗）です。

$("document").on("pageload",function(event,data){...})

パラメータ	説明
function(event,data)	pageload イベント発生後に実行する関数を指定しますこの関数には次の2つのパラメータがあります：イベントオブジェクト- jQuery のイベントプロパティ (event.target, event.type など) を含みます。詳細はjQuery イベントリファレンスマニュアルを参照してください。データオブジェクト- 次のタイプを含みます: url(string) - コールバック経由で $.mobile.loadPage() に渡される絶対または相対 URL absUrl(string) - URL の絶対参照を含む dataUrl(string) - ブラウザの URL 位置を含む options(object) - $.mobile.loadPage() に送信されるオプションを含む xhr (object) - XMLHttpRequest オブジェクトを含む ($.ajax() 成功コールバックの第3引数として送信されます) textStatus(string または null) - リクエストステータス ("success" または "null") を含む ($.ajax() 失敗コールバックの第2引数として送信されます)

パラメータ

説明

function(event,data)

pageload イベント発生後に実行する関数を指定します

この関数には次の2つのパラメータがあります：

イベントオブジェクト- jQuery のイベントプロパティ (event.target, event.type など) を含みます。詳細はjQuery イベントリファレンスマニュアルを参照してください。

データオブジェクト- 次のタイプを含みます:

url(string) - コールバック経由で $.mobile.loadPage() に渡される絶対または相対 URL
absUrl(string) - URL の絶対参照を含む
dataUrl(string) - ブラウザの URL 位置を含む
options(object) - $.mobile.loadPage() に送信されるオプションを含む
xhr (object) - XMLHttpRequest オブジェクトを含む ($.ajax() 成功コールバックの第3引数として送信されます)
textStatus(string または null) - リクエストステータス ("success" または "null") を含む ($.ajax() 失敗コールバックの第2引数として送信されます)

pageload と pageloadfailed イベントのデモ。

event.type プロパティを使用して、トリガーされたイベントの種類を返します。

data.url を使用して外部ページの URL を返します。

その他の拡張機能