平滑滚动脚本和滑块不能​​协同工作

Question

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

这是网址： 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
现在刷新页面，你会看到滑块和平滑滚动正在工作。