延時下拉菜單在鼠標移除

Question

我有一個下拉菜單，工作正常，但我想推遲隱藏，所以它不會立即隱藏。現在我有這個代碼的下方，但它不工作

$('#courses-ul').bind('mouseout', function() 
{ 
    var menu = this; 
    setTimeout(function() 
    { 
     $(menu).parents('li').children('ul').hide(); 
    }, 1000); 
}); 

Answer 1

使用delay()梅索德，就像這樣：

$('#courses-ul').bind('mouseout', function() { 
    $(this).delay(800).hide(); 
});