jQuery Mobile初期化イベントの使い方（詳しい事例説明）

今回は、jQuery Mobile 初期化イベントの使用方法 (詳細なケースの説明) をお送りします。 jQuery Mobile 初期化イベントを使用する際の 注意事項 について、実際のケースを見てみましょう。

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>

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。 ！

推奨読書:

Mobile フレームワークでフォーム コンポーネントを使用する方法

jQuery Mobile と Kendo UI を使用する場合の違いは何ですか?

以上がjQuery Mobile初期化イベントの使い方（詳しい事例説明）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。