jQuery 충돌 없는 모드를 구현하는 방법: 먼저 해당 jQuery 코드 파일을 연 다음 noConfluence 메서드를 통해 $identifier의 제어를 다른 JavaScript 라이브러리에 반환하여 충돌을 해결합니다.
이 문서의 운영 환경: 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(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】
효과 그림:
참고:
충돌을 피하기 위한 위의 해결 방법은 프로토타입.js를 로드한 후 jQuery를 로드하는 것입니다. 그러나 다른 라이브러리보다 먼저 jQuery를 포함하는 경우 jQuery.noConflect()를 호출하지 않고도 jQuery 코드에서 전체 이름을 사용하여 충돌을 피할 수 있습니다. 하지만 이 경우 $는 다른 라이브러리에 정의된 의미를 갖습니다
요약: 위 내용은 이 기사의 전체 내용이므로 모든 사람에게 도움이 되기를 바랍니다.
위 내용은 jQuery 충돌 없는 모드를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!