태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

jquery 다른버전 추가 사용시 충돌 방지 (카페24 스마트디자인 기본내장 jquery 1.4.4 버전과 충돌시 해결방법)

7년 전

카페24(cafe24) 쇼핑몰 스마트디자인에 기본 내장되어 있는 jquery 1.4.4 버전을 사용안하고 다른버전을 사용하면  충돌이 나는 경우가 있습니다.
스마트다지인 등과 같이 jquery를 추가로 사용 했을때 충돌이 나서 정상적으로 동작되지 않는 문제가 발생하는 경우 이를 해결하는 방법입니다.

■ jQuery 버전 충돌 $.noConflict() 활용하여 해결하기!
$.noConflict 함수: jQuery변수 및 $변수를 다른 라이브러리가 사용할 수 있도록 처리해주며 반환된 값으로 jQuery를 사용할 수 있도록 합니다.
플러그인 js 파일 및 플러그인을 사용하는 코드에서의 'jQuery' 또는 '$'를 모두 'jQuery1_11_3'으로 변경합니다.

<예>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
   window.jQuery1_11_3 = jQuery.noConflict(true);
</script>


$(document).ready(function(){
// 내용
}(jQuery1_11_3));

※ 참고: http://sdsupport.cafe24.com/board/guide/read_high.html?no=400&board_no=6

추천 목록

번호	제목
425	MySQL 중복된 데이터를 삭제
424	MySQL 중복 데이터 확인
423	아이프레임(iframe) 전체화면 가능하게 하기
422	부트스트랩(bootstrapk)에서 사용하는 class명 정리
421	부트스트랩 CSS
420	크롬에서 마진 조절
419	웹페이지 가로 모드세로 모드 인식하기
418	모바일 웹 화면 강제 회전(가로모드 고정)
417	[CSS] 박스 세로 가운데 중앙 정렬 6가지
416	CSS Layout 수평 & 수직 정렬
415	[JQuery] textbox focus on off일때 숫자 콤마 보여주기
414	[HTML5] <video> - DOM으로 제어하기
413	HTML5 video 태그에서 영상 좌우반전
412	텍스트 줄바꿈, 글자자르기 CSS
411	jQuery Mobile에서 유용한 코드 10가지.
410	jQuery Mobile에서 유용한 코드 10가지.
409	[jQuery]버튼 활성화, 비활성화
408	jQuery show() / hide() / toggle() 사용법
407	jquery 여러가지 이벤트
406	네이버 오픈API 음성합성 API 사용하는 PHP 샘플코드
405	[CSS] - Input clear `X ` 버튼 제거 ( IE, Chrome, Firefox )
404	[Mobile] - 모바일웹 Href 태그속성들
403	jQuery 오른쪽 영역의 높이를 왼쪽 영역의 높이와 동일하게 하기
402	jquery에서 테이블에 마우스 오버시 해당 행의 배경색상 변경하기
401	jquery 스크립트내 특정값 확인하기 (디버깅)
400	jquery cookie (jquery.cookie.js)
	jquery 다른버전 추가 사용시 충돌 방지 (카페24 스마트디자인 기본내장 jquery 1.4.4 버전과 충돌시 해결방법)
398	[jQuery] animate()에서 stop()의 중요성
397	javascript audio파일 재생
396	[jQuery.$ajax]mysql + php 서버에서 json 데이터 얻어오기