slick.js:滑点鼠标移动

Question

有什么办法可以使圆点光滑吗？当我点击点，滑块是moving..this是好的，但我想当我悬停到点，滑块也在移动。

如何添加此悬停选项？

$('.fade').slick({
  dots: true,
  infinite: true,
  speed: 500,
  fade: true
});

Answer 1

谢谢你的回应，Asaf.我从slick.js的创建者那里找到了另一个解决方案。

我同意下面的解决方案。

$('.slick-dots li').on('mouseover', function() {
    $(this).parents('.fade').slick('goTo', $(this).index());
});

Answer 2

可以将悬停事件绑定到slickNext & slickPrevious方法。

下面是一个例子，只需检查每个点有哪些类，或者使用nth-of类型来引用您想要的点：

$('.class-of-dot').hover(function() {
  $('.fade').slick('slickNext');
}

注意:我以为您使用的是最新版本的slick，如果没有，您可以下载最新版本或评论版本号，或者查找相关语法，以便在该版本中使用slickNext。