平滑滚动脚本和滑块不能​​一起工作

Question

我有一个带有滑块和平滑滚动脚本的网站。问题是，我不能让他们同时工作。

这是 url： http://kop.hosts.ma-cloud.nl/template/

有人可以告诉我我做错了什么吗？我已经在使用 var jq = $.noConflict();

提前致谢！

Answer 1

您几乎可以正常使用所有功能。请添加以下更正以使其功能齐全。

步骤 1
在 jQuery-ui 库之前加载 jQuery 库 (jquery.min.js)，如下所示：

<!--Script voor smooth scroll-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--Script voor de slider-->
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

步骤 2
删除此行。

// var jq = $.noConflict();

步骤 3
在下面的部分中删除 jq 和 $ 的所有实例，例如我的版本：

$('.rightarrow, .leftarrow').hide();

$('#scrolldiv_container').mouseenter(function(){
    $('.rightarrow, .leftarrow').show();
    clearInterval(siId);
})
$('#scrolldiv_container').mouseleave(function(){
    $('.rightarrow, .leftarrow').hide();
        si();
});

$('.rightarrow').click(function () {
    var leftPos = $('#browser').scrollLeft();
    <!--1000 * 6 (aantal slides - 1)-->
    if (leftPos == 6000) {
        $('#browser').animate({
            scrollLeft: 0
        }, 400);
    } else {
        $('#browser').animate({
            scrollLeft: leftPos + 1000
        }, 150);
    }
});

$('.leftarrow').click(function () {
    var leftPos = $('#browser').scrollLeft();
    if (leftPos == 0) {
        $('#browser').animate({
            <!--1000 * 6 (aantal slides - 1)-->
            scrollLeft: 6000
        }, 400);
    } else {
        $('#browser').animate({
            scrollLeft: leftPos - 1000
        }, 150);
    }
}); 

步骤 4
现在重新加载页面，您将看到滑块和平滑滚动都在工作。