将鼠标悬停进出.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});
});
答案 0 :(得分:1)
这可能是因为您正在等待的slideAnimations。使用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});
});
});