在jQuery下拉菜单上快速移动鼠标

Question

我有一个简单的下拉项目

$('.item').mouseover(function(){
 $(this).children().slideDown('slow'); 
 });
$('.item').mouseleave(function(){
 $(this).children().slideUp("slow");
 });

我的问题是，如果我们将鼠标快速移入/移出项目多次，它将通过继续打开和关闭<div>来执行所有过程。

Answer 1

试试hoverIntent，它专门解决了这个问题。

Answer 2

检查此jQuery函数以停止动画 - http://api.jquery.com/stop/