'jQuery mootools 충돌 해결'에 해당되는 글 1건

  1. 2009.09.01 jQuery mootools 충돌 해결
03.HTML 4.X, HTML5, XML.../HTML/Css/Script2009. 9. 1. 13:57

jQuery mootools 충돌 해결

반응형
 jQuery  mootools 충돌 해결

마지막으로 기억할 사항은 jQuery나 다른 자바스크립트 라이브러리를 사용할 때, 서로 어울려 동작하지 않을 경우가 있다는 사실이다. 다시 말해, 라이브러리 두 개 이상을 사용할 경우, 라이브러리 둘 이상에서 변수 "$"를 사용한다면 엔진은 어떤 라이브러리가 "$" 호출을 참조해야 할지 모르는 사태가 벌어진다. 이런 현상을 설명하는 완벽한 예제는 protyotype.js에 내장된 CakePHP 라이브러리다. 이런 라이브러리를 사용하는 페이지에서 수정없이 jQuery를 호출하려고 시도하면 오류가 발생한다. 이런 문제를 해결하기 위해 jQuery는 "$" 변수를 다른 변수로 사상하는 방법을 제공한다. 다음 예를 살펴보자.


Listing 4. jQuery 충돌 해결
j$ = jQuery.noConflict();
j$("div").addClass("a");


-------실무예제--------

j$ = jQuery.noConflict();
//j$("div").addClass("a");

// �α�
function inFocus(i) {
 (i).style.background='none';
}
function outFocus(i) {
}
// Jquery GNB
 j$(function() { 
  j$("#inquiry").tabs();
  j$("#counsel").tabs();
 });

Posted by 1010

티스토리툴바