jQuery Mobile pageloadfailedイベント

jQuery Mobile 事件jQuery Mobile イベント

例

ページの読み込みに失敗したときにメッセージを表示:

$(document).on("pageloadfailed",function(){
alert("申し訳ありませんが、要求されたページは存在しません。");
});

試してみる »

定義と使い方

バージョン1.4.0以降では非推奨です。代わりにpagecontainerloadfailedを使用してください。

pageloadfailed イベントは、ページの読み込みが失敗したときに発生します。

関連イベント:

  • pagebeforeload- すべての読み込みの前に発生するイベント
  • pageload- ページが正常に読み込まれ、DOMに挿入された後に発生します。

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


構文

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

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

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

イベントオブジェクト- jQueryイベントのすべてのプロパティ(event.target、event.type など)が含まれます。詳細については、jQuery イベントリファレンスマニュアル

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

  • url(string) - コールバックを介して $.mobile.loadPage() に渡される絶対パスまたは相対パス
  • absUrl(string) - URLの絶対参照を含みます
  • dataUrl(string) - ブラウザのURL位置を含みます
  • deferred(object) - resolve() または reject() を含みます
  • options(object) - $.mobile.loadPage() に送信されるオプションを含みます
  • xhr (object) - XMLHttpRequest オブジェクトを含みます($.ajax() の成功コールバックに3番目のパラメータとして送信されます)
  • errorThrown- (null, string, object) - HTTPエラーが発生した場合、errorThrown は「Not Found(ページが見つかりません)」や「Internal Server Error(サーバー内部エラー)」などのHTTPステータス情報を受け取ります($.ajax() のエラーコールバックに3番目のパラメータとして渡されます)


实例

その他の例


pageload イベントと pageloadfailed イベントのデモ。


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


data.url を使用して、読み込みに成功しなかったページのURLを返します。


ページが見つからない場合、data.errorThrown を使用してエラーメッセージを返します。


jQuery Mobile 事件jQuery Mobile イベント

その他の拡張