카테고리 없음

[jQuery] jQuery 라이브러리와 다른 라이브러리의 충돌을 피하는 방법

re2592 2020. 2. 23. 23:12

<script>자바스크립트 라이브러리</script>

<script>제이쿼리</script>

 

이런식으로 선언이 되었을 때, $ 기호 사용에 대해 충돌이 일어 날 수 있다.

 

해결책으로는 

---------------------------------------------------------

<script>자바스크립트 라이브러리</script>

<script>제이쿼리</script>

 

jQuery.noConflict();

---------------------------------------------------------

이렇게 선언해준다. 

 

이후 jQuery를 사용할시에는 $대신 jQuery를 사용한다.

ex) $(document).ready(function()); -> jQuery(document).ready(function());

 

또 다른 방법으로, 

var j = jQuery.noConflict();

로 선언하여, $대신 j를 사용한다.

ex) $(document).ready(function()); -> j(document).ready(function());

 

마지막 방법으로, 즉시실행함수를 사용한다.

(function($){

// $기호를 사용하여 코드 작성

})(jQuery);

다만 해당 스코프 내에서는 다른 라이브러리의 $기호는 사용이 불가능하다.