如何在我的html文件中解决两个jquery冲突,我已粘贴下面的代码:
<script type="text/javascript" src="js/jquery.js"></script>
<!--Navigation Scripts-->
<!--Image Slider Scripts-->
<script src="js/jquery.min.js"></script>
如果我删除其中任何一个(脚本),那么它将正常工作,但其中一个不起作用,否则是否是任何人。
上面一个jquery.js用于导航栏,另一个jquery.min.js用于滑动横幅脚本。
答案 0 :(得分:4)
通常,您只在应用程序中包含一个jQuery库。您可能遇到版本控制问题,我的意思是您的导航栏和滑动横幅脚本使用不同版本的jQuery。你应该做的是访问供应商网站并查看他们的版本,然后选择一个适合你的供应商库的jQuery库版本。
您可以在此处查看可用的jQuery版本http://code.jquery.com/jquery/
当您选择正确的版本时,请使用缩小版本来提高性能。
答案 1 :(得分:1)
只需删除它们并添加以下代码:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
它将解决您的问题。我假设它们都是jQuery脚本而不是你自己的javascript文件。 jQuery.min.js要好得多,因为它因为缩小而从Web服务器加载得更快。
注意使用google托管的jquery.min.js脚本会使您的网站加载速度更快,因为此脚本可能已经在客户端计算机上,因为用户可能已经导航到缓存相同脚本的网站。
答案 2 :(得分:1)
你不需要两者。只需选择一个,最好是最新版本。