选择选项成功更改值后重新初始化Slick,除了按钮prev next

时间:2016-10-06 11:20:39

标签: jquery slick.js

我正在尝试在成功更改选择选项的值后重新初始化光滑,照片(拇指和大图像)正确更改但是拇指滑块的上一个和下一个按钮无法正常工作。如果我按下一个按钮滑块的拇指不进行最后一项,直到最后一项。然后,如果我按下前一个按钮滑块的拇指转到第一个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>

0 个答案:

没有答案