반응형
카페24에서 jQuery 스크립트를 사용하려면 카페24 자체 내에 포함되어있는 제이쿼리와 충돌이 일어나 제대로 작동이 안되는 경우가 많다. 이 경우에는 jQuery가 충돌이 나지 않게 아래 코드를 추가해주면 된다.
여기서 jQuery_new는 원하는대로 변경이 가능하다. jQuery_new를 선택자 앞의 jQuery 또는 $를 대신해서 사용하면 된다.
window.jQuery_new = jQuery.noConflict(true);
[사용 예시]
<script src="/js/jQuery.1.8.2.js"></script>
<script src="/layout/basic/js/bjqs-1.3.min.js"></script><!--이미지슬라이더 스크립트-->
<script>
window.jQuery_new = jQuery.noConflict(true); //기존 제이쿼리와 충돌되지 않도록
jQuery_new(document).ready(function() {
jQuery_new('#banner-fade').bjqs({
animspeed:15000,
width:1920,
height:600,
responsive:true
});
});
</script>
반응형
'개발 > 카페24' 카테고리의 다른 글
카페24 쇼핑몰 캐싱 / 변경된 코드 바로 확인하는 방법 (0) | 2024.08.26 |
---|---|
[카페24] 상품 분류, 게시판 스킨별 스크립트, CSS 다르게 적용하기 (2) | 2024.07.02 |
카페24 게시판 스킨 변경 시 링크 변수 변경 (4) | 2024.05.24 |
[카페24] 회원가입 페이지에 SNS 로그인 버튼 넣기 (5) | 2023.04.05 |
[카페24] 메인 상품 후기 최신글 코드 / 메인에 최근 리뷰 보여주기 (4) | 2023.02.22 |
[카페24] 네이버페이 버튼이 노출되지 않는 경우 (2) | 2023.01.13 |
[카페24 오류] 비밀번호 변경/재설정 페이지가 계속 뜨는 경우 (2) | 2023.01.12 |
[카페24] 상품 목록 품절 아이콘 대신 텍스트로 표기하기 (3) | 2022.12.29 |