jQuery モバイル Web 開発におけるページの初期化と読み込みイベント

ページ初期化イベント (pagebeforecreate、pagecreate)
Jquery Mobile は、ページ内の拡張規則に基づいて一部のプラグインを自動的に初期化します。たとえば、入力ボックスに type=range 属性を割り当てると、これらの自動初期化動作は「」ページの影響を受けます。 " プラグイン コントロール。実行の前後にデプロイメント イベントをデプロイし、初期化の前後にページを操作したり、初期化動作を自分で提供して自動初期化を無効にしたりすることもできます。次のページ初期化イベントは、" ごとに 1 回だけトリガーされることに注意してください。ページ"、ページが表示または非表示になるたびに発生する表示/非表示イベントのちょうど逆です

pagebeforecreate: ページを初期化する場合、初期化前にタッチします。

pagecreate: ページを初期化する場合は、初期化後にタッチします。

$('#aboutPage').live('pagebeforecreate',function(event){
alert('This page was just inserted into the dom!');
});
$('#aboutPage').live('pagecreate',function(event){
alert('This page was just enhanced by Jquery Mobile!');
});

ページ読み込みイベント (pagebeforeload、pageload)
外部ページが DOM にロードされると、2 つのイベントがトリガーされます。 1 つ目は pagebeforeload、2 つ目は pageload または pageloadfailed です。

ロード前のページ

ロード リクエストが発行される前にトリガーされます。このイベントにバインドされたコールバック関数は、イベントでPreventDefault() を呼び出して、ロード リクエストを処理することを示すことができます。 これを行うには、コールバック関数は、データ オブジェクトを通じてコールバック関数に渡されたオブジェクトに対してsolve()またはreject()を呼び出す必要があります。 2 番目のパラメーターを通じてコールバック関数に渡されるオブジェクトには、次のプロパティが含まれます:

• url (文字列): コールバック
を通じて $.mobile.loadPage() に渡される絶対アドレスまたは相対アドレス
• absUrl (文字列): URL の絶対アドレス版。
• dataUrl (文字列): ページを識別するとき、またはブラウザのアドレスを更新するときに使用される絶対アドレスのフィルタリングされたバージョン
• deferred (オブジェクト): このイベントに対してPreventDefault() を呼び出すコールバック関数をこのイベントに対して呼び出す必要があります
• resolve() または拒否() メソッドを使用すると、changePage() リクエストを復元できます。

例:

$( document ).bind( "pagebeforeload", function( event, data ){
 //让jqm框架知道由我们来处理load事件.
 event.preventDefault();
 //...加载文档然后插入到DOM中
 //在这个回调中，或者通过其他的异步加载手段中，
 //调用resolve,转入到下面的参数中，加上一个
 //包含有页面dom元素的jquery选择器。
 data.deferred.resolve( data.absUrl, data.options, page );
});

ページロード

ページが正常にロードされ、DOM に挿入された後に発生します。このイベントにバインドされたコールバック関数には、2 番目のパラメーターとしてデータ オブジェクトが渡されます。このオブジェクトには次の情報が含まれています:

• url (文字列): URL。
• absUrl (文字列): URL の絶対アドレス版。