ホームページ >ウェブフロントエンド >jsチュートリアル >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 サイトの他の関連記事を参照してください。