ホームページ  >  記事  >  ウェブフロントエンド  >  jquery.noConflict() を使用して、jquery ライブラリと他のライブラリ間の競合の問題を解決します。

jquery.noConflict() を使用して、jquery ライブラリと他のライブラリ間の競合の問題を解決します。

巴扎黑
巴扎黑オリジナル
2017-06-20 15:16:581792ブラウズ

jQuery を使用して開発する場合、Prototype などの他の JS ライブラリを使用することもできますが、複数のライブラリが共存すると競合が発生する可能性があります。競合が発生した場合は、次の解決策で解決できます。 1. jQuery ライブラリ他のライブラリの前にインポートされ、jQuery (コールバック) メソッドが直接使用されます
例: 100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e5d4fd62a4f58da8b666a698127081f22
dd711a58082f0f979b7c1fe434e33625
6338212fcf8111d7a6d4df10de8b4d2f2cacc6d41bbb37262a98f745aa00fbf0
326a725eb5954e9ab0c06377b47801057d81a9f80b41381324ea48378153a79f 2cacc6d41bbb37262a98f745aa00fbf09c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
6bb5bdaff7b7e76368797a21c93cf2a5テスト---プロトタイプd1997615bb2577fbe19140fd61979ae6テスト---jQuerydcb6aa19bba95dab0d45fb4f9bb4abcf
jQuery(function(){ //jQuery を直接使用します。「jQuery.noConflict()」を呼び出す必要はありません

function

.
jQuery("p ").click(function(){ alert( jQuery(this).text() );});
});

$("pp").style.
display

= 'none'; / /Use プロトタイプ

2cacc6d41bbb37262a98f745aa00fbf036cc49f0c466276486e50c850b7e495673a6ac4ed44ffec12cee46588e518a5e

2.

jQuery ライブラリは他のライブラリの後にインポートされ、jQuery.noConflict() メソッドを使用して制御を転送します。変数 $ を他のライブラリに渡すには、いくつかの方法があります:

<script type="text/javascript">
jQuery.noConflict(); //将变量$的控制权让渡给prototype.js
jQuery(function(){ //使用jQuery
       jQuery("p").click(function(){
              alert( jQuery(this).text() );
       });
});
$("pp").style.display = &#39;none&#39;; //使用prototype
</script>
//代码二
<script type="text/javascript">
var $j = jQuery.noConflict(); //自定义一个比较短快捷方式
$j(function(){ //使用jQuery
       $j("p").click(function(){
       alert( $j(this).text() );
       });
});
$("pp").style.display = &#39;none&#39;; //使用prototype
</script>
//代码三
<script type="text/javascript">
jQuery.noConflict(); //将变量$的控制权让渡给prototype.js
jQuery(function($){ //使用jQuery
       $("p").click(function(){ //继续使用 $ 方法
       alert( $(this).text() );
       });
});
$("pp").style.display = &#39;none&#39;; //使用prototype
</script>
//代码四
<script type="text/javascript">
jQuery.noConflict(); //将变量$的控制权让渡给prototype.js
(function($){ //定义匿名函数并设置形参为$
       $(function(){ //匿名函数内部的$均为jQuery
              $("p").click(function(){ //继续使用 $ 方法
                     alert($(this).text());
              });
       });
})(jQuery); //执行匿名函数且传递实参jQuery
$("pp").style.display = &#39;none&#39;; //使用prototype
/*********************************************************************/
jQuery(document).ready(function(){ //一加载页面的时候就将权利让出去 
       jQuery.noConflict(); 
});
</script>

以上がjquery.noConflict() を使用して、jquery ライブラリと他のライブラリ間の競合の問題を解決します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。