鼠标单击图像后 Slick Slider 加速

Question

单击 Slick Slider 中的图像时，所有幻灯片都会高速向前移动。如何摆脱这种行为？

我的 JS 设置：

$(document).ready(function(){
    $('.sh_product_slider2').slick({
      slidesToShow: 3,
      slidesToScroll: 1,
      arrows: true,
      dots: true,
      centerMode: false,
      variableWidth: true,
      infinite: true,
      focusOnSelect: true,
      cssEase: 'linear',
      touchMove: false,
      prevArrow:'<button class="slick-prev"> < </button>',
      nextArrow:'<button class="slick-next"> > </button>',
               responsive: [                        
                   {
                     breakpoint: 600,
                     settings: {
                       centerMode: false,
                       variableWidth: true,
                       slidesToShow: 1,
                       slidesToScroll: 1,
                       autoplay: true,
                       autoplaySpeed: 2500,
                       pauseOnHover: false, 
                       pauseOnFocus: false,
                       arrows:false
                     }
                   },
               ]
    });
});

Answer 1

我不确定，但根据您的示例似乎可行只需覆盖 css class

.sh_product_slider2 .slick-slide:after {
  position: relative;
}

如果不起作用请告诉我，谢谢

鼠标单击图像后 Slick Slider 加速

Slick Slider speeding up after mouse click on image

javascript

slick.js