脚本引用导致冲突

Question

我有代码 1，它在头部执行：

<link class="jsbin" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>

然后我有代码 2：

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script src="livesearch.js" type="text/javascript"></script>

问题是，当我放最后一个参考（代码 2）时，第一个不再起作用了.. 我做错了什么？

（由于某种原因，代码 2 对 jquery 1.7 没有反应）

Answer 1

你需要的是这个：jQuery.noConflict。

如果需要，我们也可以通过 传递 true 来释放 jQuery 名称 作为方法的参数。这很少有必要，如果我们必须 这样做（例如，如果我们需要使用多个版本的 jQuery 库在同一页面上）

例如：

<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="javascript">
// now you alias the v1.7 jQuery to jQuery17
jQuery17 = jQuery.noConfict(true);
</script>

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
<script type="javascript">
// now you alias the v1.4 jQuery to jQuery14
jQuery14 = jQuery.noConfict(true);
</script>

然后将两部分代码放在不同的范围内。

(function($){
//put your codes here which need jQuery 1.7 version
.....
})(jQuery17);

(function($){
//put your codes here which need jQuery 1.4 version
.....
})(jQuery14);

Answer 2

删除

<script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>

或

<script class="jsbin" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

来自您的代码。

实际上，您在 1.7.1 中包含一次 jquery，在 1.4.3 中包含一次。 jQuery.noConflict 有一个解决方案 - 但请查看 xdazz's answer

编辑：

因此，如果您尝试包含在 <script src="livesearch.js" type="text/javascript"></script> 中的库不起作用，则它可能无法在 1.7.1 版中实现 - 所以请参阅作者网站/文档以获取更多信息，其中 jquery-framework他/她执行的版本。如果你知道这一点，你必须坚持使用这个版本，除非作者意识到更新（虽然许多组件是独立于版本编写的，但有时 jquery 会破坏一些内部）。