最近、jquery ライブラリと別の js ライブラリを同時に参照したときに問題が発生しました。 $XX を使用して js ライブラリ関数を呼び出したところ、失敗したことがわかりました。そこで情報を探したところ、jquery の名前の競合であることがわかりました。多くの JavaScript ライブラリは $ を関数名または変数名として使用するため、jquery も同様に機能します。実際、$ は jquery の単なるエイリアスです。jquery 以外の別の js ライブラリを使用する必要がある場合は、$.noConflict() を呼び出すことで制御をライブラリに戻すことができます。以下に、この問題に対する 5 つの解決策をまとめました。そのうちの 1 つは役に立つでしょう。
例 1:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
紛争解決 1
頭>
テスト---プロトタイプ
テスト---jQuery
<スクリプトタイプ="text/javascript">
jQuery.noConflict(); //変数$の制御をprototype.jsに移す
jQuery(function(){
jQuery("p").click(function(){
アラート( jQuery(this).text() );
});
});
$("pp").style.display = 'none' //プロトタイプを使用
;
スクリプト>
本文>
例 2:
コードをコピーします
コードは次のとおりです:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
紛争解決 2
頭>
テスト---プロトタイプ
テスト---jQuery
<スクリプトタイプ="text/javascript">
var $j = jQuery.noConflict() //短いショートカットをカスタマイズします
$ j(function(){
$j("p").click(function(){
アラート( $j(this).text() );
});
});
$("pp").style.display = 'none' //プロトタイプを使用
;
スクリプト>
本文>