jquery - 悬停进出移动太快，向下滑动出错

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

这可能是因为您挂起的幻灯片动画。使用 stop() 在 slideTrasitions 之前停止任何挂起的动画。

。停止（）

  $(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});
    });
});

小提琴