Jqueryui防止事件堆叠

Question

我正在使用jqueryui的drop效果在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/