jquery - Jquery在一起时发生冲突，但独立工作

Question

这两个脚本独立工作，但一起使用时会发生冲突。任何帮助，将不胜感激。

<!-- scroll-box ================================================== -->
<script type="text/javascript" src="script/jquery.js"></script>
<script type="text/javascript" src="script/ui.core.js"></script>
<script type="text/javascript" src="script/jquery.scroll-follow.js"></script>

<script type="text/javascript">
    $( document ).ready( function () {
        $( '#box-scroll' ).scrollFollow();
    });
</script>

<!-- button================================================== -->
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script>
$(function() {
    $( "#check" ).button();
    $( ".category" ).buttonset();
});
</script>

Answer 1

问题非常简单。页面中只需要一个 jQuery 实例。当您加载第二个版本时，它会覆盖整个 jQuery 对象并清除所有注册到原始版本的插件

在任何插件或依赖代码之前加载 jQuery。

另外......加载jQueryUI核心没有意义......然后加载完整版本。根据您的需要选择一个或另一个

Answer 2

jQuery 为这个问题提供了解决方案。

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script>
    myJQ = $.noConflict();
</script>
<script>
    // You should use `myJQ()` instead of `$()` from now on to use the second included jQuery:
    myJQ("#div").html("Hello!");
</script>