Блог

Я пытаюсь повторно инициализировать пятно после успешного изменения значения параметра выбора, фотографии (большие и большие изображения) меняются правильно, но предыдущие и следующие кнопки ползунка больших пальцев работают некорректно. Если я нажму кнопку next, ползунок больших пальцев не перейдет к последнему элементу, только до предпоследнего. И затем, если я нажму предыдущую кнопку, ползунок больших пальцев перейдет к первому 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>