Question

我正在使用一个引用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>

Answer 1

您不需要添加以下内容：

<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个库。

Answer 2

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

Answer 3

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>

Javascript / jquery文件相互冲突

3 个答案: