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/