>  기사  >  웹 프론트엔드  >  jQuery 충돌 없는 모드를 구현하는 방법

jQuery 충돌 없는 모드를 구현하는 방법

清浅
清浅원래의
2019-01-17 11:16:412861검색

jQuery 충돌 없는 모드를 구현하는 방법: 먼저 해당 jQuery 코드 파일을 연 다음 noConfluence 메서드를 통해 $identifier의 제어를 다른 JavaScript 라이브러리에 반환하여 충돌을 해결합니다.

jQuery 충돌 없는 모드를 구현하는 방법

이 문서의 운영 환경: Windows 7 시스템, jquery 버전 3.2.1, Dell G3 컴퓨터.

다른 JavaScript 라이브러리와 함께 jQuery 코드를 사용할 때 충돌이 발생할 수 있습니다. 예를 들어 jQuery에서 $ 기호를 사용하고 $ 기호를 바로가기로 사용하는 다른 JavaScript 라이브러리를 발견하면 이 충돌이 발생할 수 있습니다. 시간에. 그러나 jQuery는 충돌 상황을 처리하는 특별한 방법을 제공합니다. 다음 기사에서는 jQuery의 충돌 해결 방법을 자세히 소개할 예정인데, 이는 일정한 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

충돌 해결 방법:

jQuery에서 충돌을 해결하는 방법은 $identifier에 대한 제어권을 다른 JavaScript 라이브러리에 반환하는 noContribute() 메서드입니다.

다음 예제의 jQuery 코드는 jQuery에 넣는 것입니다. 프로토타입 프레임워크와의 충돌을 피하기 위해 페이지에 로드되는 즉시 충돌 없는 모드로 전환되고 $alias를 대체할 새 변수 이름 $j를 할당합니다. 자세한 코드는 다음과 같습니다.

// 为jQuery定义新的名字
var $j = jQuery.noConflict();
$j(document).ready(function(){
    // 单击demo时弹出对话框
    $j("#demo").click(function(){
        alert("这是jQuery的新定义");
    });
});
 
//原型框架代码
document.observe("dom:loaded", function(){
    // 点击demo1显示弹出框
    $(demo1).observe('click', function(event){
        alert("原型与jQuery一起正常运行");
    });
});

렌더링은 다음과 같습니다.

jQuery 충돌 없는 모드를 구현하는 방법

다만 jQuery에 대한 또 다른 단축키를 정의하고 싶지 않다면 기존 jQuery 코드를 수정하고 싶지 않거나 그런 느낌이 들지 않습니다. $는 jQuery에서 많은 시간을 절약하고 사용하기 쉽습니다. 그런 다음 대신 다른 방법을 사용할 수 있습니다

$를 jQuery(document).ready() 함수에 매개 변수로 전달할 수 있습니다

// 为jQuery定义新的名字
jQuery.noConflict();
jQuery(document).ready(function($){
    // The dollar sign in here work as an alias to jQuery
    $("#demo").click(function(){
        alert("jQuery正在正常工作");
    });
});
 document.observe("dom:loaded", function(){
 $(demo1).observe('click', function(event){
        alert("jQuery与原型一起正常使用");
});
});

【추천 과정: jQuery Tutorial

효과 그림:

jQuery 충돌 없는 모드를 구현하는 방법

참고:

충돌을 피하기 위한 위의 해결 방법은 프로토타입.js를 로드한 후 jQuery를 로드하는 것입니다. 그러나 다른 라이브러리보다 먼저 jQuery를 포함하는 경우 jQuery.noConflect()를 호출하지 않고도 jQuery 코드에서 전체 이름을 사용하여 충돌을 피할 수 있습니다. 하지만 이 경우 $는 다른 라이브러리에 정의된 의미를 갖습니다

요약: 위 내용은 이 기사의 전체 내용이므로 모든 사람에게 도움이 되기를 바랍니다.

위 내용은 jQuery 충돌 없는 모드를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.