Jquery图像滑块|用快速鼠标重复显示/隐藏功能

Question

以下是我的代码：

if(settings.controlNav){
                    $('.nivo-controlNav', slider).hide();
                    slider.hover(function(){
                        $('.nivo-controlNav', slider).show('slow');
                    }, function(){
                        $('.nivo-controlNav', slider).hide('slow');
                    });
                }

当我将鼠标悬停在它上面很多次并且非常快速地移动我的鼠标时，我会将鼠标移动多次，因为我在它上面徘徊了几次，这可能接近10到15次。

这是否有解决方法？

Answer 1

在显示/隐藏之前尝试使用stop（true，true）。即。

if(settings.controlNav){
    $('.nivo-controlNav', slider).hide();
    slider.hover(function(){
        $('.nivo-controlNav', slider).stop(true, true).show('slow');
    }, function(){
        $('.nivo-controlNav', slider).stop(true, true).hide('slow');
    });
}

请参阅http://api.jquery.com/stop/