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 ..