채택완료

스크립트 충돌 문의드립니다.

안녕하세요.

아래와같이

두개의 스크립트 소스를 사용중인데요

이렇게 넣으면 slick 슬라이드가 작동이 안됩니다.

상단 첫번째 스크립트를 지우면 slick슬라이드가 정상 작동되구요

둘 다 써야 하는 상황인데.. 뭐가 문제인지 도통 모르겠습니다. ㅠㅠ

Copy
<script> 
    $(function() {
        var tab_idx = 0;
        $('.tab_list li>a').each(function(index){
            if($(this).hasClass("on"))
            tab_idx = index;
        });
        var tab_left = $('.tab_list li').eq(tab_idx).offset().left;
        $('.tabbox').scrollLeft(tab_left);
    });
</script>

 

<script src="<?php echo G5_JS_URL?>/slick.js" type="text/javascript" charset="utf-8"></script>
  <script type="text/javascript">
    $(document).on('ready', function() {
      $(".lazy").slick({
        lazyLoad: 'ondemand', // ondemand progressive anticipated
        infinite: true,
        dots: true,
        autoplay: true,
        autoplaySpeed: 5000,
        pauseOnHover:false,
        arrows : false,
      });
      $(".center").slick({
        dots: true,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 4000,
        arrows : false,
      });
    });
</script>
|

답변 3개

채택된 답변
+20 포인트

f12 누르셔서 개발자 도구 여신 다음에 콘솔 탭에서 뭐가 충돌나는지 채크해보세요.

해당 스크립트만으로는 특별히 에러날 부분이 없어보여서 해당만으로는 알기가 힘듭니다.

올리신 스크립트 만으로는 어디서 문제인지 판별할수 없는 상황 같네요.

Copy
var tab_left = $('.tab_list li').eq(tab_idx).offset().left;
        $('.tabbox').scrollLeft(tab_left);

이 부분에서 어떤 조건에 따라 없는 요소를 참조할 경우 에러가 발생할 여지는 있어 보입니다만

현재 상태로는 정확한 문제는 알수 없을것 같습니다.

답변을 작성하려면 로그인이 필요합니다.