jQuery 下拉菜单高度在鼠标光标移动后增加

Question

我的下拉菜单有问题。这是脚本:

function topNav() {
  $('.parent').mouseenter(function() {
    $(this).children('ul').stop().slideDown('fast');  
  });    
  $('.parent').mouseleave(function() {
    $(this).children('ul').stop().slideUp('fast');
  });
}

它运行得很好，但是如果我移动鼠标的速度足够快，菜单不会完全下拉，它的高度就会增加。我不明白为什么会发生以及如何解决这样的问题。有什么建议吗？

谢谢。

Answer 1

$('.parent').mouseenter(function() {
   $(this).parent().find("ul").slideDown('fast').show();
});
$('.parent').mouseleave(function() {
  $(this).parent().find("ul").slideUp('fast').hide();
});

这应该可以正常工作......