slick.js: 圆点鼠标悬停移动

Question

有没有办法让圆点悬停？当我点击点时，滑块在移动..这没关系，但我想要当我悬停在点上时，滑块也在移动。

如何添加这个悬停选项？

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

Answer 1

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

举个例子，看看class每个点都有什么，或者用nth-of-type来指代你想要的点：

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

注意：我假设您使用的是最新版本的 slick，如果不是，您可以下载最新版本或评论您的版本号，或者查找相关语法以在该版本中使用 slickNext

Answer 2

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

我在下面分享解决方案。

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

slick.js: slick-dot mouseover movement