Question

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

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

我的问题是，当我点击下拉菜单中的项目时，它将不再隐藏。无论如何要解决这个问题吗？

Answer 1

你可以代替你的css做这样的事情，这样你就不必重写功能了吗？

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