javascript - 单击菜单中的元素隐藏下拉菜单

Question

我有五个按钮，对于每个按钮，如果你将鼠标悬停在它上面，它会弹出下拉菜单(bootstrap 中下拉菜单的默认设置是单击，但我需要按钮在单击按钮时实现其他目的，所以我使用 e.stopPropagation() 来防止点击弹出操作)。在css文件中，我设置了

.dropup:hover .dropdown-menu {
    display: block;
}

我的问题是，当我单击下拉菜单中的元素时，它不会再隐藏。有没有办法解决这个问题？

Answer 1

你能做这样的事情来代替你的 css 这样你就不必重写功能吗？

$(function() {
    $(".dropdown").hover(
        function(){ $(this).addClass('open') },
        function(){ $(this).removeClass('open') }
    );
});

引用:https://stackoverflow.com/a/21486327/1585362