스크립트 충돌 문의드립니다.
본문
안녕하세요.
아래와같이
두개의 스크립트 소스를 사용중인데요
이렇게 넣으면 slick 슬라이드가 작동이 안됩니다.
상단 첫번째 스크립트를 지우면 slick슬라이드가 정상 작동되구요
둘 다 써야 하는 상황인데.. 뭐가 문제인지 도통 모르겠습니다. ㅠㅠ
<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
f12 누르셔서 개발자 도구 여신 다음에 콘솔 탭에서 뭐가 충돌나는지 채크해보세요.
올리신 스크립트 만으로는 어디서 문제인지 판별할수 없는 상황 같네요.
var tab_left = $('.tab_list li').eq(tab_idx).offset().left;
$('.tabbox').scrollLeft(tab_left);
이 부분에서 어떤 조건에 따라 없는 요소를 참조할 경우 에러가 발생할 여지는 있어 보입니다만
현재 상태로는 정확한 문제는 알수 없을것 같습니다.
!-->
해당 스크립트만으로는 특별히 에러날 부분이 없어보여서 해당만으로는 알기가 힘듭니다.
답변을 작성하시기 전에 로그인 해주세요.