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

时间:2013-06-01 20:01:48

标签: jquery

将鼠标悬停进出.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});
});

1 个答案:

答案 0 :(得分: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