여러 jQuery 라이브러리 충돌 발생

Question

여러 jQuery 및 js 플러그인을 사용하는 데 문제가 있으며 충돌이있는 것 같습니다. 이것은 내가 콘솔에서 얻을 오류입니다 :

: 나를 main.js을 연출

> ($ .scrollTo (Parameters는 scrollPosition + "픽셀", 800 "catch되지 않은 형식 오류 정의되지 않은 함수 아니다" {축 : 'y'});)

내 웹 페이지에 슬라이더 (매끄럽게)를 추가하려고 할 때 문제가 발생했습니다. 누군가이 문제를 개별적으로 해결할 수 있습니까?

코드 내 태그를 닫으면 다음과 같습니다 전에 :

<script src="js/vendor/jquery-1.11.1.min.js"></script> 
    <script src="js/vendor/jquery.scrollTo-1.4.3.1-min.js"></script> 

    <script src="js/plugins.js"></script> 
    <script src="js/main.js"></script> 
    <script src="js/detail.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"></script> 
    <script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="js/slick/slick.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $('.single-item').slick(); 
       //setting-name: setting-value 
     }); 
    </script> 
</body> 

Answer 1

당신은 1이 충분하다, 각 플러그인 jQuery를 다른 포함을 필요가 없습니다.

<script src="js/vendor/jquery-1.11.1.min.js"></script> 
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script src="js/vendor/jquery.scrollTo-1.4.3.1-min.js"></script> 

    <script src="js/plugins.js"></script> 
    <script src="js/main.js"></script> 
    <script src="js/detail.js"></script> 
    <script src="js/slick/slick.min.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $('.single-item').slick(); 
       //setting-name: setting-value 
     }); 
    </script> 
</body> 

유일한 예외

는 최신 버전으로 전혀 호환되지 않습니다 그 jQuery를 1.2.6, 말 작성된 플러그인을 사용하려고 할 때입니다. 그러나, 나는 그 대신에 새로운 플러그인을 찾는 대신 제안 할 것입니다.