javascript - 悬停按钮下拉菜单上的 bootstrap

我希望下拉菜单出现在鼠标悬停时。这是我的代码的jsbin：link

尝试过的jQuery：

$('.dropdown-toggle').hover(
    function() {
        $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn();
    }
);
$('.dropdown-menu').hover(
    function() {
        $(this).stop(true, true);
    },
    function() {
        $(this).stop(true, true).delay(200).fadeOut();
    }
);

但这不起作用...

最佳答案

在Bootstrap Dropdown with Hover中，使用CSS而不是JavaScript修复了此问题。如果将接受答案的解决方案更改为

.navbar .btn-group:hover > .dropdown-menu {
    display: block;
}

它应该与您的示例代码一起使用。