次のコード:
jQuery .noConflict();
jQuery(document).ready(function(){
//コード....
jQuery.noConflict( ) 詳細な紹介:
概要
この関数を実行して、変数 $ の制御を最初のライブラリに移して実装します。これは、jQuery が他のライブラリの $ オブジェクトと競合しないようにするのに役立ちます。この関数を実行すると、jQuery 変数を使用してのみ jQuery オブジェクトにアクセスできます。たとえば、$("div p") が使用されている場合は、jQuery("div p") に置き換える必要があります。
注: この関数は、jQuery ファイルをインポートした後、競合を引き起こす別のライブラリをインポートする前に使用する必要があります。もちろん、jQuery が最後にインポートされたものでない限り、他の競合するライブラリが使用される前にも実行する必要があります。
説明:
$ で参照されるオブジェクトを元のオブジェクトにマップします。
jQuery コード:
jQuery.noConflict ();
// jQuery を使用します
jQuery("div p").hide();
// 他のライブラリの $() を使用します
$("content").style.display = 'none ';
説明:
エイリアス $ の使用を復元し、この関数のスコープ内で $ を jQuery のエイリアスとして引き続き使用する関数を作成して実行します。この関数では、元の $ オブジェクトは無効です。この関数は、他のライブラリに依存しないほとんどのプラグインで適切に機能します。
jQuery コード:
jQuery.noConflict ();
(function($) {
$(function() {
// $ を jQuery エイリアスとして使用するコード
});
})(jQuery); // $ をエイリアスとして使用する他のライブラリのコード
説明:
後続のライブラリで jQuery オブジェクトを使用するための新しいエイリアスを作成します。
jQuery コード:
// jQuery に基づくコード
j("div p").hide();
// 他のライブラリの $() に基づくコード
$(" content").style.display = 'none';