html - 第二次单击时，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>

松开鼠标后，焦点将从按钮上移除。