javascript - 如果在jquery .slideDown()动画结束之前未触发Javascript侦听器

我希望简单！

我遇到的问题是我有一个（'itemID'）。mouseover，它会为菜单框触发一个jquery下拉动画。
问题在于，如果鼠标在slideDown（）胺化作用结束之前离开了原始项目（在这种情况下为文本链接），则不会调用.mouseleave函数。

否则效果很好！！

这就是即时通讯使用的内容：（menu14是文本链接，FunctionsMenu3是包含菜单项的隐藏div）

$('#menu14').mouseover(function() {
   $('#FunctionsMenu3').slideDown('fast', function() {
    // Animation complete.
  });
});

$('#FunctionsMenu3').mouseleave(function() {
   $('#FunctionsMenu3').slideUp('fast', function() {
    // Animation complete.
  });
});

在我看来，JS CANT被解雇了，因为它忙着做幻灯片...
该站点可以在http://www.impero-classroom-management.com上看到
提前致谢！！

最佳答案

在mouseleave上，尝试.stop()取消当前动画。

$('#menu14').hover(
  function() {
   $('#FunctionsMenu3').slideDown('fast');
  },
  function() {
   $('#FunctionsMenu3').stop().slideUp('fast');
  }
);