平滑滾動腳本和滑塊不能​​協同工作

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
現在刷新頁面，你會看到滑塊和平滑滾動正在工作。