채택완료

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

2022-11-19 (토) 17:38:06 2,507

안녕하세요.

아래와같이

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

이렇게 넣으면 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 포인트
2022-11-19 (토) 19:20:27

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

2022-11-19 (토) 21:13:03

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

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

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

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

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

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