테스트 사이트 - 개발 중인 베타 버전입니다

스크립트 충돌 문의드립니다. 채택완료

다나한포션 2년 전 조회 1,895

안녕하세요.

아래와같이

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

 

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

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

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

 

</p>

<p><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></p>

<p> </p>

<p><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>

 </p>

<p>

 

 

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

답변 3개

채택된 답변
+20 포인트

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

로그인 후 평가할 수 있습니다

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

2년 전

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

로그인 후 평가할 수 있습니다

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

2년 전

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

</p>

<p>        var tab_left = $('.tab_list li').eq(tab_idx).offset().left;

        $('.tabbox').scrollLeft(tab_left);</p>

<p>

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

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

 

로그인 후 평가할 수 있습니다

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

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

로그인