pageinit

このエントリーをはてなブックマークに追加

pageinitイベントはページが生成された際に実行されるイベントです。

jQueryではページの読み込み時に $(function(){…}) を利用してスクリプトを設定していましたが、jQuery MobileではページをAjaxなどで読み込んで表示したりするのでページ読み込み時に設定してしまうと、その後に新しく読み込んだページに設定がされません。

pageinitはページの読み込み時に設定できるメソッドです。jQueryのonメソッドを利用してdocumentにバインドすることで、ページが生成された際に実行されるイベントを設定できます。

$(document).on('pageinit',function(){
	alert("document");
});

個別ページが生成された場合に実行したいスクリプトはonメソッドの第２引数にページIDを指定します。

$(document).on('pageinit',"#page1",function(){
	alert("page1");
});
$(document).on('pageinit',"#page2",function(){
	alert("page2");
});

sample

登録日 : 2012年12月02日 最終更新日 : 2016年12月19日

同じカテゴリー(イベント)のエントリー

検索

スポンサードリンク

バージョン

リファレンス