移動菜單按鈕不關閉上點擊

-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

移動菜單按鈕不關閉上點擊

回答

相關問題