개발/카페24

[카페24] jQuery 여러개 사용하기

반응형

 

카페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>

 

반응형