javascript - 向子菜单下拉列表添加延迟 - bootstrap3

Question

我可以为普通的 bootstrap3 下拉菜单添加延迟，但在这种情况下，我只希望在我创建的子菜单上延迟(不在 Bootstrap 框之外)——但是使用的 jquery 应该仍然有效。我需要延迟，以便用户可以轻松地将光标移动到它而无需关闭它(因为光标可能会漂移到 a:hover 元素之外)。

看看这个 bootply - http://bootply.com/101522请帮助或告知为什么这不起作用!

jQuery('li.dropdown-submenu').hover(function () {
    jQuery(this).find('ul.dropdown-menu').stop(true, true).delay(200).fadeIn();
}, function () {
    jQuery(this).find('ul.dropdown-menu').stop(true, true).delay(200).fadeOut();
}); 

Answer 1

您需要删除(从您的 CSS):

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

这导致它立即显示。我在您的 bootply 中试过了，它运行良好。

祝你好运!