我正在使用带有3个滑块的平滑滑块同步。使用2个滑块可以正常工作,但是当我尝试使用3个类别的3个滑块时,仍然只有2个可以工作。
范例» https://jsfiddle.net/rk0tuoy7/6/
$('.slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: false,
asNavFor: '.slider-nav',
lazyLoad: 'ondemand'
});
$('.slider-x').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: false,
asNavFor: '.slider-nav',
lazyLoad: 'ondemand',
dots: false
});
$('.slider-nav').slick({
centerMode: true,
centerPadding: '60px',
slidesToShow: 5,
slidesToScroll: 1,
asNavFor: '.slider-for',
dots: true,
focusOnSelect: true,
lazyLoad: 'ondemand'
});Run Code Online (Sandbox Code Playgroud)
@import url('//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.css');
@import url('//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick-theme.css');
.slick-slide {
background: #3a8999;
color: white;
padding: 40px 0;
font-size: 30px;
font-family: "Arial", "Helvetica";
text-align: center;
}
.slick-arrow:before {
color: black;
}
.slick-dots {
bottom: …Run Code Online (Sandbox Code Playgroud)