FadeIn jquery [not working]

Question

我是新来的jquery和我的淡入不工作。我在这里做了一个JSFIDDLE。谢谢

$('#menu > li').on('mouseover', function(e){ 
 
    $(this).find("ul:first").fadeIn(120).finish(); 
 
    $(this).find('> a').addClass('active'); 
 
}).on('mouseout', function(e){ 
 
    $(this).find("ul:first").stop().finish().delay(500).fadeOut(120); 
 
    $(this).find('> a').removeClass('active'); 
 
});

Answer 1

删除.finish()：

$('#menu > li').on('mouseover', function(e){ 
    $(this).find("ul:first").fadeIn(120); 
    $(this).find('> a').addClass('active'); 
}).on('mouseout', function(e){ 
    $(this).find("ul:first").stop().finish().delay(500).fadeOut(120); 
    $(this).find('> a').removeClass('active'); 
}); 

FIDDLE：https://jsfiddle.net/YGB5G/47/

从jQuery site：

当在元素上调用.finish（）时，当前正在运行的动画和所有排队的动画（如果有）立即停止，并将其CSS属性设置为其目标值。所有排队的动画都被删除。