jQueryモバイルweb開発におけるページ初期化とロードイベント
2181 ワード
ページ初期化イベント(pagebeforecreate、pagecreate)Jquery Mobileは、page"内の強化された約束に基づいてプラグインを自動的に初期化します.たとえば、input入力ボックスにtype=range属性を約束すると、カスタムスライドバーが自動的に生成されます.これらの自動初期化の動作はpage「プラグインは、デプロイメントイベントを実行する前後に配置することを制御します.初期化前後にページを操作したり、自分で初期化動作を提供したりして、自動初期化を禁止します.注以下のページ初期化イベントは、各ページに1回だけトリガーされ、表示または非表示のshow/hideイベントとは正反対です.
pagebeforecreate:ページ初期化時、初期化前にタッチします.
pagecreate:ページ初期化時、初期化後にタッチします.
注意:pagebeforecreateをバインドしてreturn falseすることで、ページプラグイン自体の操作を禁止します.また、Jquery Mobileが実行する前にこれらの関数をバインドして、ページのロードを初期化するときに呼び出されるようにしてください.Mobileinitイベントの処理関数で使用することもできます.
ページロードイベント(pagebeforeload、pageload)外部のページがdomにロードされると、2つのイベントがトリガーされます.1つ目はpagebeforeload、2つ目はpageload、またはpageloadfailedです.
pagebeforeload
ロード要求が発行される前にトリガーされ、このイベントにバインドされたコールバック関数は、そのイベントに対してpreventDefault()を呼び出して、ロード要求を処理することを示すことができる.このようにすると、コールバック関数は、データオブジェクトを介してコールバック関数に渡されるオブジェクトに対してresolve()またはreject()を呼び出さなければならない.コールバック関数に2番目のパラメータで渡されるオブジェクトには、次の属性が含まれます. url(文字列):コールバックにより$.mobile.loadPage()の絶対または相対アドレス absUrl(文字列):urlの絶対アドレスバージョン. dataUrl(文字列):絶対アドレスの識別ページまたはブラウザアドレスの更新時に使用する絶対アドレスがフィルタリングされたバージョン . deferred(オブジェクト):このイベントに対してpreventDefault()を呼び出すコールバック関数は、このイベントに対して を呼び出す必要があります. resolve()またはreject()メソッドは、changePage()のリクエストをリカバリさせる.
例:
pageload
ページが正常にロードされ、DOMに挿入された後にトリガーされます.このイベントにバインドされたコールバック関数は、データオブジェクトとして2番目のパラメータとして使用されます.このオブジェクトには、次の情報が含まれます. url(文字列):アドレス. absUrl(文字列):urlの絶対アドレスバージョン.
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!');
});
注意:pagebeforecreateをバインドしてreturn falseすることで、ページプラグイン自体の操作を禁止します.また、Jquery Mobileが実行する前にこれらの関数をバインドして、ページのロードを初期化するときに呼び出されるようにしてください.Mobileinitイベントの処理関数で使用することもできます.
ページロードイベント(pagebeforeload、pageload)外部のページがdomにロードされると、2つのイベントがトリガーされます.1つ目はpagebeforeload、2つ目はpageload、またはpageloadfailedです.
pagebeforeload
ロード要求が発行される前にトリガーされ、このイベントにバインドされたコールバック関数は、そのイベントに対してpreventDefault()を呼び出して、ロード要求を処理することを示すことができる.このようにすると、コールバック関数は、データオブジェクトを介してコールバック関数に渡されるオブジェクトに対してresolve()またはreject()を呼び出さなければならない.コールバック関数に2番目のパラメータで渡されるオブジェクトには、次の属性が含まれます.
例:
$( document ).bind( "pagebeforeload", function( event, data ){
// jqm load .
event.preventDefault();
//... DOM
// , ,
// resolve, ,
// dom jquery 。
data.deferred.resolve( data.absUrl, data.options, page );
});
pageload
ページが正常にロードされ、DOMに挿入された後にトリガーされます.このイベントにバインドされたコールバック関数は、データオブジェクトとして2番目のパラメータとして使用されます.このオブジェクトには、次の情報が含まれます.