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：.navbar-toggle:focus在bootstrap css

之后包含的单独的css中

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

或：

将.navbar-toggle:focus替换为css文件中的.navbar-toggle:active，然后就可以了。

jQuery blur（）不适用于移动设备上的Bootstrap导航栏切换

1 个答案: