悬停进出太快，滑动得到错误

Question

将鼠标悬停进出.logo移动太快，会出现错误，div .nav_b不再显示。
但如果jsfiddle中的演示很好，那就太奇怪了。

我似乎无法修复它，我也尝试使用animate，如下面的代码，所以任何帮助将不胜感激，谢谢......

$('.logo').hover(function(){
    $('.nav_b').slideDown({duration: 200, queue: false});

    // $('.nav_b').animate({height: 'show', width:'hide', easing:'swing'}, {duration : 200, queue: false});     
},function(){
    $('.nav_b').slideUp({duration: 200, queue: false});

    // $('.nav_b').animate({height: 'hide', width:'hide', easing:'swing'}, {duration : 200, queue: false});
});

Answer 1

这可能是因为您正在等待的slideAnimations。使用stop（）在slideTrasitions之前停止任何挂起的动画。

.stop()

  $(function(){
    $('.logo').hover(function(){
        $('.nav_b').stop().slideDown({duration: 200, queue: false});
        // $('.nav_b').animate({height: 'show', width:'show', easing:'swing'}, {duration : 200, queue: false});     
    },function(){
        $('.nav_b').stop().slideUp({duration: 200, queue: false});
        // $('.nav_b').animate({height: 'hide', width:'hide', easing:'swing'}, {duration : 200, queue: false});
    });
});

Fiddle