jqueryui防止事件堆积

Question

我正在使用jqueryui的拖放效果来显示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); 
}); 

演示我使用隐藏，但是，它由你来决定使用什么

演示： http://jsfiddle.net/hfpVc/38/