Javascript / jquery文件相互冲突

Javascript / jquery files conflicting with each other

本文关键字：冲突 文件 jquery Javascript      更新时间：2023-09-26

我正在使用一个主题，其中引用了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>

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>

您不需要添加这些:

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

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

相关文章：