slick.js：slick-dot鼠標懸停移動

Question

有沒有一種方法可以輕鬆移動點？當我點擊點時，滑塊移動..這是好的，但我想當我懸停到點，滑塊也移動。

我該如何添加這個可靠選項？

$('.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方法。

下面是一個例子，只是檢查各點一下班，或者使用第n-的類型來指代點，你想：

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

注：我假設你使用的是最新版本的光滑，如果不是，你可以下載最新的或評論你的版本號或只是查找相關的語法使用slickNext在該版本