向子菜單下拉菜單添加延遲 - bootstrap3

Question

我可以向普通的 bootstrap3 下拉菜單添加延遲，但在這種情況下，我只想要我創建的子菜單上的延遲（不在引導框之外） - 但是使用的 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 中試過了，效果很好。

祝你好運！