스크립트 충돌 문의드립니다. 채택완료
다나한포션
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 포인트
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인