移动菜单按钮不关闭上点击

-1

<nav id="tf-menu" class="navbar navbar-default navbar-fixed-top"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#"><img src="img/logo.png" alt="..."></a> 
     </div> 

     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav navbar-right"> 
      <li><a href="#tf-h..." class="scroll">S...</a></li> 
      <li><a href="#tf-i..." class="scroll">D...</a></li> 
      <li><a href="#tf-l..." class="scroll">L...</a></li> 
      <li><a href="#tf-w..." class="scroll">W...</a></li> 
      <li><a href="#tf-p..." class="scroll">P...</a></li> 
      <li><a href="#tf-c..." class="scroll">K...</a></li> 
      <li><a href="I...">I...</a></li> 
      </ul> 
     </div> 
    </div> 
</nav>

嘿大家，移动菜单按钮不关闭上点击

我有这样的代码和问题。

当我点击菜单按钮时，菜单展开。但是，如果我点击菜单链接，菜单保持打开状态。我需要做什么，点击链接后关闭它？

编辑：我已经尝试从“Bootstrap 3 collapsed menu doesn't close on click”的答案，但他们不能解决我的问题。

来源

2017-05-06 New48

你有JavaScript代码这样你需要与引导 – mlegg

我在index.html的已folloing <脚本类型= “文本/ JavaScript的” SRC = “JS/jquery.1.11.1.js”> <脚本类型= “文本/ JavaScript的” SRC = “JS/bootstrap.js”> 和bootstrap.min.js和bootstrap.js中的版本v3.3.2 – New48

您想清楚地描述为什么其他问题不能帮助您。 – GhostCat

您需要将data-toggle="collapse"添加到您的菜单链接。所以，你的li旨意样子：

<li><a href="#tf-h..." class="scroll" data-toggle="collapse" data-target=".navbar-collapse.in">S...</a></li>

见example here

来源

2017-05-06 01:50:29 flash

我试过了，它不适合我。但是，感谢这个想法！ – New48

移动菜单按钮不关闭上点击

回答

相关问题