mouseout上的延迟下拉菜单

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();
});