延迟子菜单(Delay a submenu)

 我做了一个剧本。 这在导航中打开了我的子菜单。 当你将鼠标移出子菜单时。 子菜单必须以300毫秒的延迟关闭。 但延迟不起作用。 我怎样才能解决这个问题？ 这是我的脚本： 
 
$('.nav-main .container li').hover(function() {
    if ($(this).find('.submenu').length > 0) {
        $(this).addClass("hover");
        $(this).find('.submenu').show();
    }
}, function() {
    $(this).find('.submenu').delay(300).hide();
    $(this).removeClass("hover");
});

I have make a script. That open my submenu in the navigation. When you go mouse out of the submenu. The submenu must be closed with a delay of 300ms. But the delay is not working. How can i fix this? This is my script:
 
$('.nav-main .container li').hover(function() {
    if ($(this).find('.submenu').length > 0) {
        $(this).addClass("hover");
        $(this).find('.submenu').show();
    }
}, function() {
    $(this).find('.submenu').delay(300).hide();
    $(this).removeClass("hover");
});

原文：https://stackoverflow.com/questions/10363562