안녕하세요.
아래와같이
두개의 스크립트 소스를 사용중인데요
이렇게 넣으면 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 누르셔서 개발자 도구 여신 다음에 콘솔 탭에서 뭐가 충돌나는지 채크해보세요.
블랙캣77
2022-11-19 (토) 21:13:03
해당 스크립트만으로는 특별히 에러날 부분이 없어보여서 해당만으로는 알기가 힘듭니다.
2022-11-19 (토) 20:03:38
올리신 스크립트 만으로는 어디서 문제인지 판별할수 없는 상황 같네요.
Copy
var tab_left = $('.tab_list li').eq(tab_idx).offset().left;
$('.tabbox').scrollLeft(tab_left);
이 부분에서 어떤 조건에 따라 없는 요소를 참조할 경우 에러가 발생할 여지는 있어 보입니다만
현재 상태로는 정확한 문제는 알수 없을것 같습니다.
답변을 작성하려면 로그인이 필요합니다.