Jqueryui防止事件堆叠

Question

我正在使用jqueryui的drop effect在mouseenter上显示一个元素并在mouseleave上隐藏它。问题是，如果你将一个元素中的鼠标移出几次，事件就会叠加起来并导致它在你不再混入元素时隐藏/显示循环。

我想知道是否有内置的方式让jquery ui暂停或停止正在进行的效果并启动另一个以防止堆叠。如果任何人都有一个链接到更多控制jqueryui功能的功能，那将是膨胀（主站点只显示如何使用效果而不是真正操纵它，就我所知）。

提前致谢！

Answer 1

要停止正在进行的效果或动画，请致电$(..).stop()

Answer 2

试试这个：

$("#divHover").hover(
function(){
    $("#divHidden").stop(true,true).show(100);
}, 
function(){
    $("#divHidden").stop(true,true).hide(100);
});

演示我正在使用hide，但是，由你来决定使用什么

<强>演示： http://jsfiddle.net/hfpVc/38/