Javascript / jquery文件相互冲突答案

【问题标题】：Javascript / jquery files conflicting with each otherJavascript / jquery文件相互冲突
【发布时间】：2014-07-29 18:48:25
【问题描述】：

我正在使用一个引用 4 个 javascript/jquery 文件的主题，并且我正在使用一个引用 3 个 javascript/jquery 文件的滑块图像。但是，它们相互冲突。

哪些文件相互冲突，我该如何解决这个问题？

谢谢

<!-- Code for theme -->
<script src="js/libs/modernizr-2.6.2.min.js"></script>

<!-- Code for sliding banner -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

<!-- Code for theme -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.9.0.min.js">\x3C/script>')</script>
<script src="js/main.js"></script>

【问题讨论】：

看看这个问题：stackoverflow.com/questions/7882374/…
你为什么要一次又一次地添加 jquery 库？
你真的需要两个版本的 jquery 吗？
我不会一次又一次地添加 jquery。这是我在同一页面上添加的两个脚本附带的，所以他们添加了它们，而不是我。我只是想找出不需要的东西。

标签： javascript jquery

【解决方案1】：

1) .min 只是文件的缩小版本。
2)不要同时使用。
3) 使用 .min 或普通 jquery 库。

<!-- Code for sliding banner -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

<!-- Code for theme -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
<script src="js/main.js"></script>
<script src="js/libs/modernizr-2.6.2.min.js"></script>

【讨论】：

【解决方案2】：

你不需要添加这些：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.9.0.min.js">\x3C/script>')</script>

因为你在加载jQuery1.10+高于所有其他脚本，那么为什么你需要添加jQuery.min.js和jQuery.1.9.0。

正如这段代码注释所说：

<!-- Code for theme -->

对于一个主题，您不需要在单个页面中加载多个 jQuery 库。

【讨论】：

谢谢。不知道为什么我使用的脚本的原作者会这样做。

【解决方案3】：

我不确定，但你试过 $.noConflict() 吗？

【讨论】：