bootstrap dropown 悬停展开实现

Question

很多时候，我们需要将导航栏的菜单实现鼠标悬停展开的效果，实现的方法其实很简单。如回答：

就只是控制鼠标进入和移出时添加或删除.open类即可

（比较菜的问题，我只是记录下，大神请绕行。）

    //Navbar悬停展开
    $(".dropdown").mouseenter(function(){
        $(this).addClass("open");
    });
    $(".dropdown").mouseleave(function(){
        $(this).removeClass("open");
    });

Answer 1

用hover居然没问题？

应该用

$(".dropdown").mouseenter(function(){
    $(this).addClass("open");
});

更准确吧！

当然前提是你一定要用js做的话，css，直接加:hover也能搞定