본문 바로가기

Study/Javascript

[JQuery] prototype 과의 충돌 문제 해결법

화면단 코딩을 쌩 자바스크립트로 사용하면 코드가 길어지고 화면구성이 지저분해지기 일쑤다.
그래서 나온 것들이 자바스크립트 프레임워크

대표적으로 프로토타입과 제이쿼리가있는데 이 둘을 동시에 로드하면 충돌이 꽝하고 난다.
그런데 프로토타입으로 개발된 사이트를 내가 갑자기 떠안았을 때 당장 프로토타입을 공부할 시간이 없을 땐??
그렇다고 모든 걸 제이쿼리로 대체할 수도 없을 땐??

걍 로드시켜버린다.

충돌은 다음과 같이 추가하면 단순하게 해결 끝


<script type="text/javascript">
    jQuery.noConflict();
</script>


단, 제이쿼리에서 $ symbol 을 사용할 수 없다.
jQuery(document).ready(function() { });
의 방식으로 jQuery 를 사용하면 된다.