戻る

ページイベント

ページ読み込み

ページ読み込み前イベント

  • イベント名
  • pagebeforeload

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    url
    $.mobile.loadPage()が呼ばれたときに指定された、遷移先のURL
    absUrl
    URLを絶対パスに変換したもの
    dataUrl
    URLの絶対パスからパス部分を抜き出したもの
    deferred
    遅延ロード処理用のDeferredオブジェクト
    options
    $.mobile.loadPage()に渡されたオプションの配列
$(document).bind("pagebeforeload",function(e, d){
	if(d.dataUrl == "/example.html"){
		e.preventDefault();
		//別の場所からデータを自力で取得
		if(result == true){
			d.deferred.resolve(d.absUrl, d.options, $page)
		}
		else{
			d.deferred.reject(d.absUrl, d.options);
		}
	}
});

ページ読み込み後イベント

  • イベント名
  • pageload

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    url
    $.mobile.loadPage()が呼ばれたときに指定された、遷移先のURL
    absUrl
    URLを絶対パスに変換したもの
    dataUrl
    URLの絶対パスからパス部分を抜き出したもの
    page
    読み込まれたページのjQueryオブジェクト
    options
    $.mobile.loadPage()に渡されたオプションの配列
$(document).bind("pageload",function(e, d){
	//ロードが成功した時の処理
});

ページ読み込み失敗イベント

  • イベント名
  • pageloadfailed

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    url
    $.mobile.loadPage()が呼ばれたときに指定された、遷移先のURL
    absUrl
    URLを絶対パスに変換したもの
    dataUrl
    URLの絶対パスからパス部分を抜き出したもの
    deferred
    遅延ロード処理用のDeferredオブジェクト
    options
    $.mobile.loadPage()に渡されたオプションの配列
$(document).bind("pageloadfailed",function(e, d){
	ErrorLog("ページ読み込み失敗\n" + 
		"リクエスト先URL:" + d.absUrl + "\n" + 
		"リクエスト元URL:" + d.this.URL); 
});

ページ変更

ページ変更前イベント

  • イベント名
  • pagebeforechange

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    toPage
    遷移先URLもしくは遷移先ページのjQueryオブジェクト
    options
    $.mobile.loadPage()に渡されたオプションの配列
$(document).bind("pagebeforechange",function(e, d){
	if(typeof d.toPage == "string"){
		if(d.toPage == "http://example.com/redirect-to-hoge.html"){
			d.toPage = "http://example.com/hoge.html";
		}
	}
});

ページ変更後イベント

  • イベント名
  • pagechange

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    toPage
    遷移先URLもしくは遷移先ページのjQueryオブジェクト
    options
    $.mobile.loadPage()に渡されたオプションの配列
$(document).bind("pagechange",function(e, d){
	//ページ変更後の処理
});

ページ変更失敗イベント

  • イベント名
  • pagechangefailed

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    toPage
    遷移先URLもしくは遷移先ページのjQueryオブジェクト
    options
    $.mobile.loadPage()に渡されたオプションの配列
$(document).bind("pagechangefailed",function(e, d){
	//ページ変更失敗後の処理
});

ページ表示

ページ表示前イベント

  • イベント名
  • pagebeforeshow

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    prevPage
    遷移前ページのjQueryオブジェクト
$(document).bind("pagebeforeshow",function(e, d){
	//ページ表示前の処理
});

ページ表示後イベント

  • イベント名
  • pageshow

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    prevPage
    遷移前ページのjQueryオブジェクト
$(document).bind("pageshow",function(e, d){
	//ページ表示後の処理
});

ページ非表示

ページ非表示前イベント

  • イベント名
  • pagebeforehide

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    nextPage
    遷移先ページのjQueryオブジェクト
$(document).bind("pagebeforehide",function(e, d){
	//ページ非表示前の処理
});

ページ非表示後イベント

  • イベント名
  • pagehide

  • 第1引数
  • イベントオブジェクト

  • 第2引数
  • データオブジェクト

    プロパティ
    説明
    nextPage
    遷移先ページのjQueryオブジェクト
$(document).bind("pagehide",function(e, d){
	//ページ非表示後の処理
});

ページ初期化

ページ構築前イベント

  • イベント名
  • pagebeforecreate

  • 第1引数
  • イベントオブジェクト

$(document).bind("pagebeforecreate",function(e){
	//全ページ共通の処理
});

$("#page-about").live("pagebeforecreate",function(e){
	//aboutページ特有の処理
});

ページ構築後イベント

  • イベント名
  • pagecreate

  • 第1引数
  • イベントオブジェクト

$(document).bind("pagecreate",function(e){
	//全ページ共通の処理
});

$("#page-about").live("pagecreate",function(e){
	//aboutページ特有の処理
});

ページ初期化後イベント

  • イベント名
  • pageinit

  • 第1引数
  • イベントオブジェクト

$(document).bind("pageinit",function(e){
	//全ページ共通の処理
});

$("#page-about").live("pageinit",function(e){
	//aboutページ特有の処理
});

ページ削除

ページ削除後イベント

  • イベント名
  • pagemove

  • 第1引数
  • イベントオブジェクト

$(document).bind("pagemove",function(e){
	//全ページ共通の処理
});

$("#page-about").live("pagemove",function(e){
	//aboutページ特有の処理
});
inserted by FC2 system