javascript - jQuery.noConflict() 与其他库

Question

我正在使用我的 Jquery 应用程序和其他 javascript 库。当用谷歌搜索时，我开始知道 Jquery.noConflict() 是避免与其他库发生冲突的解决方案。出于测试目的，我在 html 的头部部分添加了如下所示的脚本，它运行良好。

<script type="text/javascript" src="includes/myJqueryScript.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
</script>

<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/mootools-core-1.4.5-full-compat.js"></script>
<script type="text/javascript" src="js/mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="js/prototype-1.5.js"></script>
<script type="text/javascript" src="js/prototype-1.7.1.0.js"></script>

但在某些情况下，它可能会出现在其他库的底部，如下所示，这是冲突的。

<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/mootools-core-1.4.5-full-compat.js"></script>
<script type="text/javascript" src="js/mootools-core-1.4.5-full-nocompat.js"></script>
<script type="text/javascript" src="js/prototype-1.5.js"></script>
<script type="text/javascript" src="js/prototype-1.7.1.0.js"></script>

<script type="text/javascript" src="includes/myJqueryScript.js"></script>
<script type="text/javascript">
    jQuery.noConflict();
</script>

这意味着我的脚本将在调用其他库之前或之后出现。这个问题有没有什么好的解决办法。如果这不是 Jquery.noConflict() 的语法，请纠正我。

提前致谢

Answer 1

我通常只是将我所有的 jquery 代码包装在这里:

(function($){
  //use jquery $() here
})(jQuery);