導航欄摺疊按鈕只能展開（引導）

我已經看到很多有關這類問題的主題，但從來沒有看到過這樣的主題：摺疊時，我可以點擊按鈕來展開鏈接列表，這很酷，但是當我想通過再次點擊關閉它，它不起作用，它仍然是開放的。導航欄摺疊按鈕只能展開（引導）

而且，我關注的東西像數據目標和東西

這裏是我的按鈕：

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse" aria-expanded="false" aria-controls="navbar"> 
    <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="collapse navbar-collapse" id="app-navbar-collapse"> 
    <ul class="nav navbar-nav navbar-right"> 
    <li> 
     <a href="/">doc</a> 
    </li> 
    <li> 
     <a href="/">about</a> 
    </li> 
    </ul> 
</div>

謝謝您幫助

來源

2017-05-08 PaaBliiTo

它的工作find..check這樣的：https://jsfiddle.net/tanp7wg7/ –

您的代碼似乎工作，[這裏]（https://jsfiddle.net/ 3hv9fgqw /）JSFiddle。 –

他錯過了一些腳本，包括我猜 –

檢查您的Bootstrap版本如果它不是最新的，請嘗試t o更改您的版本到最新，然後再次檢查，

而且還檢查您的jQuery版本。它應該是最新的避免衝突。

我檢查了您的代碼與Bootstrap的最新版本，它的工作正常。

謝謝。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
 

 
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#app-navbar-collapse" aria-expanded="false" aria-controls="navbar"> 
 
    <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="collapse navbar-collapse" id="app-navbar-collapse"> 
 
    <ul class="nav navbar-nav navbar-right"> 
 
    <li> 
 
     <a href="/">doc</a> 
 
    </li> 
 
    <li> 
 
     <a href="/">about</a> 
 
    </li> 
 
    </ul> 
 
</div>

來源

2017-05-08 10:42:59

導航欄摺疊按鈕只能展開（引導）

回答

相關問題