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>

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

2 个答案: