jQuery.noConflict（）与其他库

Question

我正在使用我的Jquery应用程序以及其他JavaScript库。 当用Google搜索时，我发现Jquery.noConflict（）是避免与其他库冲突的解决方案。 出于测试目的，我在html的head部分添加了下面给出的脚本，该脚本工作正常。

<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);

Answer 2

如果myJqueryScript.js由您自己的jQuery代码组成，那么您必须在noConflict之前调用noConflict ，如var jQuery = $.noConflict(); 现在你必须使用你创建的这个jQuery变量。但是在jquery包含在你的case中的jquery-1.2.6.js后应该调用它。但是你也有prototype and mootools也使用$所以你将拥有获得Dollar safe mode的mootools Dollar safe mode http://mootools.net/blog/2009/06/22/the-dollar-safe-mode/

Answer 3

经过一些谷歌搜索后，我找到了一个方便的解决方案

使用多个版本的jQuery