我正在尝试在成功更改选择选项的值后重新初始化光滑,照片(拇指和大图像)正确更改但是拇指滑块的上一个和下一个按钮无法正常工作。如果我按下一个按钮滑块的拇指不进行最后一项,直到最后一项。然后,如果我按下前一个按钮滑块的拇指转到第一个otem而不是之前...大图像的滑块正常工作...
我重新初始化的代码就是这个
$("#product-thumbs").slick("unslick");
$("#product-thumbs .item").remove();
$("#product-thumbs").html(htmlThumbs);
$("#product-thumbs").slick({
dots: false,
infinite: false,
speed: 300,
adaptiveHeight: true,
vertical: true,
horizontal: false,
verticalSwiping: true,
prevArrow: "<span class=\'slick-up\'></span>",
nextArrow: "<span class=\'slick-down\'></span>",
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: "#product-big",
focusOnSelect: true
});
和
<div class="thumbs" id="product-thumbs">
<div class="item"><img src="XXX" alt=""></div>
<div class="item"><img src="XXX" alt=""></div>
<div class="item"><img src="XXX" alt=""></div>
<div class="item"><img src="XXX" alt=""></div>
</div>