충돌이

Question

나는 새로운 JQuery와 프로그래머 해요, 여기 내 머리 코드 :

<script type="text/javascript" src="/file/js/prototype.js"></script> 
<script type="text/javascript" src="/file/js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="/file/lightbox/js/lightbox.js"></script> 

:

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<script> 
    function myfunction(){ 
    $("button").click(function(){ 
     $("p").hide(); 
    }; 
    }); 
    $(document).ready(myfunction); 
</script> 

이 스크립트를 완벽하게 작동,하지만 난 페이지에 이러한 다른 세 개의 스크립트를 추가 할 때

체 콘솔 오류가 준 :에

Uncaught TypeError: undefined is not a function 

'$ (문서) .ready (myFunction이);' 선.

무엇이 오류입니까? 갈등 문제가 있습니까?

Answer 1

Prototype.js도 글로벌 $ 변수를 사용합니다. 당신은 그들이 대신 jQuery 변수를 사용하여 서로 충돌하지 않는지 확인해야합니다 당신은 또한 단지 모든 jQuery를 $가 jQuery로 사용 대체 할 수

// wrap it up 
(function($) { 
    function myfunction() { 
    $("button").click(function(){ 
     $("p").hide(); 
    }); 
    }; 
    $(document).ready(myfunction); 
})(jQuery); 

을하지만, 위의 방법을 구현하고 유지하기 위해 일반적으로 간단합니다 .

Answer 2

jQuery에는 사용하려는 $이라는 함수가 정의되어 있습니다.

prototype.js도 $이라는 함수를 정의하고 jQuery의 함수를 덮어 씁니다.

$ 대신 jQuery 함수를 참조하려면 jQuery을 사용하십시오.