ホームページ > 記事 > ウェブフロントエンド > jquery.noConflict() を使用して、jquery ライブラリと他のライブラリ間の競合の問題を解決します。
jQuery を使用して開発する場合、Prototype などの他の JS ライブラリを使用することもできますが、複数のライブラリが共存すると競合が発生する可能性があります。競合が発生した場合は、次の解決策で解決できます。 1. jQuery ライブラリ他のライブラリの前にインポートされ、jQuery (コールバック) メソッドが直接使用されます
例: 100db36a723c770d327fc0aef2ce13b193f0f5c25f18dab9d176bd4f6de5d30e5d4fd62a4f58da8b666a698127081f22
dd711a58082f0f979b7c1fe434e33625
6338212fcf8111d7a6d4df10de8b4d2f2cacc6d41bbb37262a98f745aa00fbf0
326a725eb5954e9ab0c06377b47801057d81a9f80b41381324ea48378153a79f 2cacc6d41bbb37262a98f745aa00fbf09c3bca370b5104690d9ef395f2c5f8d1
6c04bd5ca3fcae76e30b72ad730ca86d
6bb5bdaff7b7e76368797a21c93cf2a5テスト---プロトタイプd1997615bb2577fbe19140fd61979ae6テスト---jQuerydcb6aa19bba95dab0d45fb4f9bb4abcf
jQuery(function(){ //jQuery を直接使用します。「jQuery.noConflict()」を呼び出す必要はありません
.
jQuery("p ").click(function(){ alert( jQuery(this).text() );});
});
$("pp").style.
display
2cacc6d41bbb37262a98f745aa00fbf036cc49f0c466276486e50c850b7e495673a6ac4ed44ffec12cee46588e518a5e
2.
<script type="text/javascript"> jQuery.noConflict(); //将变量$的控制权让渡给prototype.js jQuery(function(){ //使用jQuery jQuery("p").click(function(){ alert( jQuery(this).text() ); }); }); $("pp").style.display = 'none'; //使用prototype </script> //代码二 <script type="text/javascript"> var $j = jQuery.noConflict(); //自定义一个比较短快捷方式 $j(function(){ //使用jQuery $j("p").click(function(){ alert( $j(this).text() ); }); }); $("pp").style.display = 'none'; //使用prototype </script> //代码三 <script type="text/javascript"> jQuery.noConflict(); //将变量$的控制权让渡给prototype.js jQuery(function($){ //使用jQuery $("p").click(function(){ //继续使用 $ 方法 alert( $(this).text() ); }); }); $("pp").style.display = 'none'; //使用prototype </script> //代码四 <script type="text/javascript"> jQuery.noConflict(); //将变量$的控制权让渡给prototype.js (function($){ //定义匿名函数并设置形参为$ $(function(){ //匿名函数内部的$均为jQuery $("p").click(function(){ //继续使用 $ 方法 alert($(this).text()); }); }); })(jQuery); //执行匿名函数且传递实参jQuery $("pp").style.display = 'none'; //使用prototype /*********************************************************************/ jQuery(document).ready(function(){ //一加载页面的时候就将权利让出去 jQuery.noConflict(); }); </script>
以上がjquery.noConflict() を使用して、jquery ライブラリと他のライブラリ間の競合の問題を解決します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。