jQuery Mobile の初期化 events_jquery の簡単な分析-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 15:27:41

オリジナル

1834 人が閲覧しました

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>

ログイン後にコピー