jQuery와 다른 javascript 라이브러리의 충돌 방지처리 (jQuery.noConflict();)

jQuery 를 사용하다보면 다른 javascript libaray (Ex : prototype.js, table.js ...) 들과의 충돌로 인해

jQuery 예약어인 "$" or "jQuery" 를 사용하지 못하는 경우가종종 발생하는데 이때 아래 소스를 해당 페이지 내에

jQuery libaray 를 import 한 후 바로 아래에 작성해 주면 "jQuery" 별칭을 사용하여 jQuery를 정상적으로 실행 가능하다.

 

<!-- jQuery libaray 추가 -->

<script type="text/javascript" src="/js/common/jquery/jquery-1.8.3.min.js"></script>

<!-- jQuery 예약어 충동 방지 처리 -->
<script type="text/javascript">
jQuery.noConflict();
</script>

<script type="text/javascript" src="/js/common/jquery/prototype.js"></script>

 

 

jQuery.noConflict(); 이후의 jQuery 스크립트에 나오는 "$"는 전부 "jQuery"로 변경하여 기술됨...