最新のWeb開発のチュートリアル
 

jQuery - noConflict() Method


あなたはまだjQueryのを使用している間、あなたのページに他のフレームワークを使用したい場合は?


jQueryと他のJavaScriptフレームワーク

あなたが既に知っているように、 jQueryのは、使用しています$ jQueryのためのショートカットとして看板を。

:のような他の多くの人気のJavaScriptフレームワークがありますAngular, Backbone, Ember, Knockout 、そしてより多くの。

他にどのようなJavaScriptフレームワークはまた、ショートカットとして$記号を使用する場合は?

二つの異なるフレームワークが同じショートカットを使用している場合は、そのうちの一つが動作を停止することがあります。

jQueryのチームはすでにこのことについて考え、および実装されていnoConflict()メソッドを。


jQueryのnoConflict()メソッド

noConflict()メソッドは、保留を解除する$他のスクリプトがそれを使用できるように、ショートカット識別子。

もちろん、まだ単に代わりにショートカットの完全な名前を書き込むことによって、jQueryのを使用することができます。

$.noConflict();
jQuery(document).ready(function(){
    jQuery("button").click(function(){
        jQuery("p").text("jQuery is still working!");
    });
});
»それを自分で試してみてください

あなたはまた、非常に簡単に独自のショートカットを作成することができます。 noConflict()メソッドを使用すると、後で使用するために、変数に保存することができますことを、jQueryのへの参照を返します。 次に例を示します。

var jq = $.noConflict();
jq(document).ready(function(){
    jq("button").click(function(){
        jq("p").text("jQuery is still working!");
    });
});
»それを自分で試してみてください

あなたが使用してjQueryのコードのブロックがある場合は$ショートカットを、あなたはそれをすべてを変更したくない、あなたが渡すことができます$準備メソッドのパラメータとしてサインインします。 これは、jQueryのは、使用してアクセスすることができます$ 、この関数の内部で、 -それの外側は、あなたが"jQueryの"を使用する必要があります。

$.noConflict();
jQuery(document).ready(function($){
    $("button").click(function(){
        $("p").text("jQuery is still working!");
    });
});
»それを自分で試してみてください

jQueryのその他のリファレンス

すべてのjQueryのその他の方法の完全な概要については、当社をご覧くださいjQueryのその他のリファレンス