jQuery blur（）不适用于移动版的自举导航栏切换

Question

我在Bootstrap中有一个导航栏切换按钮，它实际上打开了左滑动菜单。我删除了导航栏内容，并将按钮向左移动以作为侧面菜单切换器。

<a href="#side-menu"> 
    <button id="menu-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" style="float: left; margin-left: 15px;"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
    </button> 
</a> 

点击或触摸此按钮后仍保持聚焦，这有点不好看。我使用jQuery .Blur（）方法，但它仅适用于桌面，不适用于Android。我的网页是raigle.com/b.php。

$('#menu-button').focus(function() { 
    $('#menu-button').blur(); 
}); 

任何想法？

Answer 1

restyle：在一个单独的CSS .navbar-toggle:focus被引导CSS

.navbar-toggle:focus { 
     background-color: #fff; 
    } 

或之后包括：

取代.navbar-toggle:focus在CSS文件.navbar-toggle:active那么它是OK ..