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>

这会在您松开鼠标后从按钮上移除焦点。