下面是我的滑块代码,我遇到了无法读取空读取属性的错误,请添加,请做需要的
$('.main_images').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
asNavFor: '.thumb_images'
});
$('.thumb_images').slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: '.main_images',
dots: false,
focusOnSelect: true,
vertical: true,
arrows:false,
infinite: false,
responsive: [
{
breakpoint: 481,
settings: {
vertical: false,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1
}
}
]
});
});
Run Code Online (Sandbox Code Playgroud)
小智 6
这是由于调用了两次 init 造成的。尝试下面的代码...
$('.thumb_images').not('.slick-initialized').slick({
slidesToShow: 4,
slidesToScroll: 1,
asNavFor: '.main_images',
dots: false,
focusOnSelect: true,
vertical: true,
arrows:false,
infinite: false,
responsive: [
{
breakpoint: 481,
settings: {
vertical: false,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1
}
}
]
});
Run Code Online (Sandbox Code Playgroud)