Jquery 라이브러리와 다른 library_jquery 간의 $naming 충돌을 해결하는 방법-JS 튜토리얼-php.cn

먼저 jquery에서 $(달러 기호)는 jquery의 별칭이라는 것을 알아야 합니다. 즉, $를 사용하는 것은 jquery를 사용하는 것과 동일하다는 것을 의미합니다. 많은 경우 네임스페이스를 사용하는 이유는 바로 다음과 같습니다. $ 충돌이 발생합니다. 예를 들어 $('#xmlas')와 JQuery('#xmlas')는 다르게 작성되었지만 실제로는 완전히 동일합니다.

이 충돌을 해결하는 가장 쉬운 방법은 이름을 다른 이름으로 지정하거나 실행 코드가 다른 네임스페이스로 인식하도록 하는 것입니다.

1. 다른 라이브러리보다 먼저 jQuery 라이브러리를 가져오고 다음과 같은 jQuery(콜백) 메서드를 직접 사용합니다.

코드 복사 코드는 다음과 같습니다. &lt ;p id="pp">test---프로토타입

test---jQuery

jQuery(function(){ //jQuery를 직접 사용하면 "jQuery.noConflect()" 함수를 호출할 필요가 없습니다. jQuery ("p" ).click(function(){ alert( jQuery(this).text() ); }); });

$("pp").style.display = 'none'; //프로토타입 사용

2. 다른 라이브러리 다음에 jQuery 라이브러리를 가져오고 jQuery.noConflect() 메서드를 사용하여 $ 변수 제어를 다른 라이브러리로 전송합니다.

코드 복사 코드는 다음과 같습니다. jQuery.noConstrict(); //$ 변수의 제어권을 프로토타입.js로 이전 jQuery(function(){ //jQuery 사용 jQuery("p").click(function( ){ alert( jQuery(this).text() ); }); }); $("pp").style.display = 'none'; //프로토타입 사용

코드 2

코드 복사 코드는 다음과 같습니다. var $j = jQuery.noConstrict(); //더 짧은 단축키 사용자 정의 $j(function(){ //jQuery 사용 $j("p").click(function (){ alert( $j(this).text() ); }); }); $("pp").style.display = 'none'; //프로토타입 사용

코드 3

코드 복사 코드는 다음과 같습니다. jQuery.noConstrict(); //$ 변수의 제어권을 프로토타입.js로 이전 jQuery(function($){ //jQuery 사용 $("p").click(function (){ //$ 메소드를 계속 사용합니다 alert( $(this).text() ); }); }); $("pp").style.display = 'none'; //프로토타입 사용

코드 4

코드 복사 코드는 다음과 같습니다. jQuery.noContribute(); //$ 변수의 제어를 프로토타입.js로 이전 (function($){ //익명 함수를 정의하고 형식 매개변수를 $ $( function( ){ //익명 함수 내부의 $는 jQuery입니다 $("p").click(function(){ //$ 메소드를 계속 사용합니다 alert($(this).text( )); }); }); })(jQuery) //익명 함수를 실행하고 실제 매개변수 jQuery를 전달합니다 $("pp").style.display = 'none' //프로토타입 사용

/************************************************** *******************/ jQuery(document).ready(function(){ //페이지 로드 즉시 권한 포기 jQuery.noCon conflict(); } );

위의 방법 외에도 두 번째 방법을 사용하여 충돌 문제를 해결할 수도 있습니다. 이는 가장 어리석지만 가장 효과적인 솔루션입니다. 사용자 정의 네임스페이스를 사용하여 충돌을 피하는 것입니다. 예를 들어 필수 프로젝트 이름이 xmlas인 경우 원래 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. $('contentArea').show() 은 다음과 같은 형식으로 작성할 수 있습니다.

코드 복사 코드는 다음과 같습니다. XMLAS('contentArea').show( )

3. jquery 코드에서 충돌이 발생할 때 $ 기호를 사용할 수 있으며, 이를 위해서는 준비 이벤트에 다음 코드를 추가해야 합니다.

코드 복사 코드는 다음과 같습니다. jQuery(document).ready(function( $) { //여기서 $를 안심하고 사용할 수 있습니다 }) 물론 다음과 같은 형태로 축약할 수도 있습니다.

코드 복사 코드는 다음과 같습니다. jQuery(function($){ // $ })를 사용하는 코드는 다음과 같습니다. 이에서 첫 번째 방법에 따라 구현된 완성된 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. //jquery 라이브러리 간의 충돌에 대한 완전한 솔루션 및 기타 라이브러리 &lt ;/script> $.noContribute() jQuery(function($) { //$를 사용하는 jquery 코드 }) //다른 js 라이브러리 코드는 다음과 같습니다 물론 위의 전체 코드를 단순화할 수도 있습니다.

코드를 복사하세요 코드는 다음과 같습니다. //간단한 코드 $.noConflect()(function(){ //다음은 $ }을 사용한 jquery 코드입니다. 🎜>//다른 라이브러리의 코드는 다음과 같습니다