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

jQueryのpageloadイベント

<jQueryのモバイルイベント

外部ページが正常にロードされ、DOMに挿入されたときにいくつかのテキストを警告します:

$(document).on("pageload",function(){
  alert("pageload event fired!");
});
»それを自分で試してみてください

定義と使用法

pageloadイベントはjQueryのバージョン1.4.0で非推奨になりました。 使用pagecontainerloadの代わりにイベントを。

ページが正常にロードされ、DOMに挿入された後pageloadイベントがトリガされます。

関連イベント:

  • pagebeforeload -任意のロード要求が行われる前にトリガ
  • pageloadfailed -ページのロード要求が失敗した場合にトリガ

注:これらのイベントは、外部ページに使用されている-外部ページがDOMにロードされるたびに、2つのイベントが起動されます。 最初はpagebeforeloadです。 第二イベントは、いずれかpageloadまたはpageloadfailedされます。


構文

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

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

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

イベントオブジェクト -任意のjQueryのイベントのプロパティを含めることができます(例えばevent.target, event.typeなど)を参照してくださいjQueryのイベントリファレンス詳細については、

データオブジェクトは、 -次の内容が含まれます。

  • url (string) - (それはに送られたページの絶対URLまたは相対URLが含まれています$.mobile.loadPage()
  • absUrl (string) - URLの絶対参照が含まれています
  • dataUrl (string) -ブラウザの場所のURLが含まれています
  • options (object) -に送られたオプションが含まれている$.mobile.loadPage()
  • xhr (object) - (の第三引数として送信され、XMLHttpRequestオブジェクトが含まれ$.ajax()の成功コールバックを)
  • textStatus (string or null) -リクエスト(の状態が含まれ"success"または"null" (への第二引数として送信された) $.ajax()エラーコールバックを)

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

関連イベントのデモンストレーション
pageloadとpageloadfailedのデモンストレーション。

イベントオブジェクト
プロパティEvent.typeを使用すると、トリガされたイベントのタイプを返します。

データオブジェクト
外部ページのURLを返すようにdata.urlを使用しました。


<jQueryのモバイルイベント