第二次单击时，Bootstrap折叠菜单切换不会失焦

Question

在折叠模式下，当我点击导航栏切换菜单按钮时，菜单会下拉并切换按钮。当我再次单击该按钮时，菜单会缩回，但切换菜单按钮不会无法聚焦，除非我点击屏幕上的其他区域。

这是我用于导航栏切换的相关CSS代码：

.navbar-default>.container .navbar-toggle{
  border-color: #49B0A8;
}

.navbar-default>.container .navbar-toggle:hover,
.navbar-default>.container .navbar-toggle:focus{
  background-color: #000000;
}

有谁知道如何解决这个问题？

Answer 1

试试这个：

<script>$(".navbar-toggle").mouseup(function(){
    $(this).blur();
})</script>

在鼠标离开后，这会从按钮中移除焦点。