jQuery Mobile の初期化 events_jquery の簡単な分析

jQuery Mobile には、jQuery の document.ready イベントの前でも読み込まれる初期化イベントが含まれています。 jQuery Mobile は実際にドキュメント オブジェクト自体で初期化イベントを起動します。最初に起動されるイベントは mobileinit です。

Jquery Mobile が実行を開始すると、ドキュメント オブジェクトで mobileinit イベントがトリガーされます。mobileinit イベントは読み込み直後にトリガーされるため、Jquery Mobile が読み込まれる前にイベント ハンドラーをバインドする必要があるため、js リファレンスを整理することをお勧めします。ご注文は以下の通りです

<script src="Jquery.js"></script>
<script src="您自己的js文件"></script>
<script src="Jquery-mobile.js"></script>

mobileinit イベントを拡張するには、まずカスタム関数でバインドする必要があります。 mobileinit イベントは、bind メソッドを使用して拡張し、デフォルト設定 (グローバル オプション) をオーバーライドできます。

$(document).bind("mobileinit", function(){
//覆盖的代码
});

イベントをバインドする関数内で、$.mobile オブジェクトの $.extend メソッドを使用して、デフォルトのパラメーター値を構成できます。

$(document).bind("mobileinit", function(){
　$.extend( $.mobile , {
　foo: bar
　});
});

または個別に設定します。

$(document).bind("mobileinit", function(){
　$.mobile.foo = bar;
});

$.mobile オブジェクトは、すべてのプロパティを設定するための開始点です

<script type="text/java script" src="/scripts/jquery-1.6.min.js"></script>
<script type="text/java script">
$(document).bind("mobileinit", function(){
$.mobile.defaultTransition = "slidedown";
$.mobile.ajaxLinksEnabled = false; // 禁用Ajax提交
$.mobile.ajaxFormsEnabled = false; // 禁用Ajax提交
$.mobile.ajaxEnabled = false; //禁用Ajax提交
});
</script>
<script type="text/java script" src="/scripts/mobile/jquery.mobile-1.0b1.min.js"></script>