Question

我正在尝试在网站上运行可折叠菜单，但我遇到了可折叠按钮的问题。它显示正常，但点击时没有响应。

这可能是我想念的简单事。任何帮助都会很精彩！

<nav class="navbar-default" role="navigation">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header ">
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <div class="col-md-4 logo">
                <h1><a href="index.php"></a></h1>
              </div><!--.logo-->
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse navbar-ex1-collapse">
              <ul class="nav navbar-nav">
                <ul>
                  <li><a class="about" href="#">About</a></li>
                  <li><a class="products" href="#">Products</a></li>
                  <li><a class="technology" href="#">Technology</a></li>
                </ul>
              </ul>
            </div><!-- /.navbar-collapse -->
          </nav>

Answer 1

抱歉，我无法发表评论..但你加载了jQuery吗？因为点击是在那里处理的。

Answer 2

它可能覆盖了另一个块，因此请尝试为该导航提供更高的z-index值。

<nav class="navbar-default" style="z-index:1;" role="navigation">

Answer 3

在我的情况下，它不是z-index，因为我将其设置为float: left并且下一个div覆盖了它，所以它被掩盖了。 z-index没有修复它。

要修复它，下一个兄弟div必须是display: inline-block;。

bootstrap可折叠导航按钮不可点击

3 个答案: