如何解决两个jquery冲突？

Question

我有一个页面,其中包括窗帘效果的jquery和其他的滑块.我面临的问题是我的两个jqueries不能一起工作.我该怎么办？

我的示例代码是

    <!-- for slider -->
<script src="images/jquery-latest.js" type="text/javascript"></script>
<script src="images/jquery.bxslider2.min.js" type="text/javascript"></script>
<script src="images/scripts.js" type="text/javascript"></script>

    <!-- for curtain -->
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script src="js/jquery.easing.1.3.js" type="text/javascript"></script>  

Answer 1

首先,尝试使用当前的jQuery版本(1.7.2)并查看两个脚本是否都有效.

如果没有,请考虑使用与当前jQuery版本兼容的东西 - 如果某些东西需要jquery 1.3,它很长时间都没有更新.

如果你真的需要两个脚本并且都需要不同的jQuery版本,你需要像这样:

<script src=".../jquery-1.3.2.js"></script>
<script src="script-that-needs-132.js"></script>
<script>var jQuery132 = $.noConflict(true);</script>
<script src=".../jquery-1.7.2.js"></script>

要使用旧的jQuery,然后使用它包装代码,如下所示:

(function($){
    // here $ points to the old jQuery
})(jQuery132);