jQuery的彈出菜單與mouseenter然後綁定mouseleave fadeout與延遲

Question

我有一些DIV通過點擊另一個DIV觸發元素淡入。 淡出的DIV一些延遲（前500毫秒）就可以了，但如果再一個鼠標懸停那些500ms的執行之前 - -

• 當鼠標離開重拾莫名其妙的：用一個腳本，我無法想出了元素可見性。

感謝您的任何建議。

Answer 1

這個oughta爲你做！

這裏有JS提琴演示：http://jsfiddle.net/bCCnB/

$('#divid').mouseout(function() { 
    var timeout = window.setTimeout(function() { 
     $(this).hide(); 
    }.bind(this), 500); 
    $(this).data('timeout', timeout); 
}); 

$('#divid').mouseover(function() { 
    var timeout = $(this).data('timeout'); 
    if (timeout) { 
     window.clearInterval(timeout); 
     $(this).data('timeout', null); 
    } 
});