jquery库冲突

Question

我在一个页面（Tab＆amp; Gallery）中使用了两个jQuery Library，因为它们使用了两个不同版本的jQuery库，现在它们都不能同时工作。我必须删除一个库来工作另一个。

已使用的版本

1.7.1 jQuery.mini.js for Gallery

1.6.2 jQuery.mini.js - for tab

和

这一个

--http：//ajax.googleapis.com/ajax/libs/jquery-ui-1.8.16.custom.min.js

这里我是如何使用这种编码的

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../js/libs/jquery-1.6.2.min.js"><\/script>')</script>
<script src="../js/libs/jquery-ui-1.8.16.custom.min.js"></script>
<script // type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

请告诉我们

的解决方案

Answer 1

仅使用最新的来源！并将它放在jQuery UI之前。最好从同一来源获取文件，最好是像谷歌那样的CDN。

这些是最新版本，您使用的是过时版本。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

Answer 2

不要两次引用jQuery库 - 它会尝试覆盖功能并破坏脚本。你只需要引用一次：

src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../js/libs/jquery-ui-1.8.16.custom.min.js"></script>

Answer 3

只是不要两次包含jQuery ......

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../js/libs/jquery-ui-1.8.16.custom.min.js"></script>

Answer 4

您可能正在污染名称空间。将$更改为jQuery，使用noconflict（）或使用自调用匿名函数