jquery 플러그인 conflict_javascript 기술 문제 해결

오늘은 jquery와 jquery 플러그인 라이트박스를 사용하여 문제 없이 이미지에 대한 플로팅 확대 효과를 만드는 예제를 만들었습니다.

그런 다음 탐색 모음용 js를 추가했는데, 구조적 탐색용 js와 이미지 부동 및 확대용 js가 충돌했습니다.

내비게이션 바 js만 유효하거나 이미지 플로팅 js만 유효합니다.

인터넷으로 검색해본 결과 해결방법은 이렇습니다

jQuery.noConflect()

개요
이 함수를 실행하여 변수 $의 제어를 첫 번째 라이브러리로 전달하여 구현합니다.

이는 jQuery가 다른 라이브러리의 $object와 충돌하지 않도록 하는 데 도움이 됩니다.

이 함수를 실행한 후에는 jQuery 변수를 사용하여 jQuery 객체에만 액세스할 수 있습니다. 예를 들어 $("div p")를 사용하는 경우 jQuery("div p")로 바꿔야 합니다.

'''참고:'''이 함수는 jQuery 파일을 가져온 후'''' 사용해야 하며, 충돌을 일으킬 수 있는 다른 라이브러리를 가져오기 전에'''''''' 사용해야 합니다. 물론 jQuery가 마지막으로 가져온 라이브러리가 아닌 이상 충돌하는 다른 라이브러리를 사용하기 전에도 수행해야 합니다. 예시

설명:
$에서 참조하는 개체를 원래 개체에 다시 매핑합니다.

jQuery 코드:
jQuery.noConflect();// jQuery 사용
jQuery("div p").hide();
// 기타 사용 도서관의 $()
$("content").style.display = 'none';

설명:
별칭 $의 사용을 복원한 다음 이 함수 범위에서 여전히 $를 jQuery의 별칭으로 사용하는 함수를 생성하고 실행합니다. . 이 함수에서는 원래 $ 객체가 유효하지 않습니다. 이 기능은 다른 라이브러리에 의존하지 않는 대부분의 플러그인에 적합합니다.

jQuery 코드:
jQuery.noConflect();(function($) {
$(function() {
// $를 jQuery 별칭 코드로 사용
});
})(jQuery);
// $를 별칭으로 사용하는 다른 라이브러리에 대한 코드 설명:
다음 라이브러리 개체에서 jQuery를 사용하려면 새 별칭을 만듭니다.

jQuery 코드:
var j = jQuery.noConflect();// jQuery 기반 코드
j("div p").hide();
//$() 다른 라이브러리 기반 코드
$("content").style.display = 'none';

jQuery.noConstrict();
(function($) {
$(function() {
// $를 jQuery 별칭으로 사용하는 코드
내비게이션 js를 넣었습니다. 중간에 코드를 작성하시면 됩니다
});})(jQuery);
// $를 별칭으로 사용하는 다른 라이브러리에 대한 코드