jQuery jQuery 다른 라이브러리와 같이 쓰기
페이지 정보
작성자 IN-BEST 댓글 0건 조회 10,189회 작성일 12-10-20 02:23본문
jQuery 에서는 다음과 같이 경고(권고) 합니다. jQuery의 '$'를 'jQuery' 로 바꿔 사용하십시오.
쉽게 설명드리자면 jQuery하고 Prototype을 같이 쓰실 경우가 생기시면 jQuery의 $ 를 jQuery 라고 바꿔 쓰라는 얘기 입니다. Prototype에도 $가 있으니까요. 아래 구체적인 예시들이 있습니다.
OVERRIDING THE $-FUNCTION : $ 함수를 재정의 하세요.
jQuery.noConflict() 함수를 사용한 후 그 이후부터는 $ 대신 jQuery를 사용할 수 있습니다. 아래는 예제코드입니다.
[code]
[/code]6라인 이후에는 $ 대신 jQuery 라고 사용한 것을 보실 수 있습니다. 14라인의 $ 는 Prototype의 $ 가 됩니다. $를 Prototype에게 양보한다는 거네요.
그런데 $ 라고 쓰다가 jQuery 라고 쓰려니 타자의 압박이 있습니다. 그래서 jQuery 는 아래와 같이 대체어(alternate names) 를 사용할 수 있게 했습니다.
[code]
[/code]6라인을 보시면 $j 라고 변수선언을 했습니다. 그 아래부터 jQuery가 아닌 $j 로 사용하실 수 있습니다. $j 말고도 사용하고 싶은 대체어를 만드시면 됩니다. $findfun이나 $jq 와 같이 말이죠.
그럼에도 불구하고 "아~ 나는 무조껀 $를 써야겠다" 라고 하시는 분들을 위해서 jQuery는 또 하나의 방법을 제시합니다.(이 방법은 별로인거 같습니다.)
[code]
[/code]9라인과 같이 jQuery 네임스페이스 안에 속한 내용들은 이전처럼 $를 사용하실 수 있습니다. 11라인을 보세요. 그대로 $를 사용했습니다. 하지만 썩 좋은 코드는 아닌 것 같습니다.
jQuery.noConflict() 함수가 기억이 나지 않거나 실수로 기술을 하지 않았을 경우에는 에러를 찾기 힘들 수 있습니다. 아래 내용을 보시면 해결 방법이 있습니다.
INCLUDING JQUERY BEFORE OTHER LIBRARIES :
jQuery 라이브러리 인클루드를 다른 라이브러리 보다 위쪽에 하세요.
jQuery 라이브러리 인클루드를 항상 제일 위쪽에 하시면 jQuery.noConflict() 함수를 기억하지 않으셔도 됩니다.
[code]
[/code]3, 4 라인을 보시면 jquery.js 가 위쪽입니다. 그리고 코드 상에 jQuery.noConflict() 가 없는 것을 보실 수 있습니다.
결론적으로 jQuery 라이브러리와 다른 라이브러리들을 같이 사용하시려면 아래와 같이 사용하시는 것을 적극 권장합니다.
jQuery 라이브러리의 인클루드를 다른 라이브러리 보다 위쪽에 할 것.
var $j = jQuery; 와 같이 대체어를 사용할 것
양반은 물에 빠져도 개헤엄 안 치고, 선비는 얼어 죽어도 곁불 안 쬔다 !! 나는 나 ^^ 주접 떨지않고, 당당하게 살다 ... 간다 ~
댓글목록
등록된 댓글이 없습니다.







