0

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

我想念的可能很简单。任何帮助都会很棒！

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

3 回答 3

0

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

<nav class="navbar-default" style="z-index:1;" role="navigation">
于 2015-03-09T09:32:36.537 回答
0

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

于 2013-09-21T23:53:10.653 回答
0

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

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

于 2015-11-06T15:53:46.297 回答