jquery 사용시 prototype.js 충돌시 해결 방법

 

prototype.js 와 jquery를 같이 사용해야 될때 실제로 적용해보면

$()를 이용한 변수 접근자로 인한 충돌로 스크립트 오류가 발생 됩니다.

해결 방법은

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

이부분을 추가해줍니다.

이로서 jqeury 사용시

$(document).ready(function($){ });

대신에

jQuery(document).ready(function($){ });

사용으로 인해 해결할수 있다.

찾아보니

var $j = jQuery.noConflict(); 이나
$j = jQuery.noConflict(); 로

이렇게
$j(document).ready(function($){ });

jQuery 대신에 임의로 넣을 수 있다는데 저는 에러가 나네요..;


예제)

<script type="text/javascript" src='prototype.js'></script>
< script type="text/javascript" src="jquery.js"></script>
< script type="text/javascript">jQuery.noConflict();</script>