導航藥丸與下拉引導3

我想有一個nav-pill下拉顯示幾個不同的選項。爲此，我有這個：導航藥丸與下拉引導3

<nav> 
     <ul class="nav nav-pills pull-right"> 
     <li role="presentation" class="active"><a href="{% url 'home' %}">Home</a></li> 
     <li role="presentation"><a href="{% url 'faq' %}">FAQ's</a></li> 
     <li role="presentation" class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li role="separator" class="divider"></li> 
       <li class="dropdown-header">Nav header</li> 
       <li><a href="#">Separated link</a></li> 
       <li><a href="#">One more separated link</a></li> 
      </ul> 
      </li> 
     </ul> 
    </nav>

但是，這似乎並不奏效。我可以看到下拉列表，但是當我點擊時，沒有任何反應。想知道是否有人遇到同樣的問題。

謝謝。

來源

2016-01-10 JohnJ

你的代碼似乎對我來說工作正常這裏是我使用的小提琴https://jsfiddle.net/wamosjk/6awest9y/我假設你有你的庫設置正確加載jquery js之前引導js。如果你這樣做，必須有一些其他與衝突的JavaScript或其他問題。 –

@DrinkinPeople：非常感謝您的回覆。它在jsfiddle上工作，但由於某些該死的原因，它似乎並沒有在我的html中工作：（（我確實''後有'boostquot.js'，我很困惑，爲什麼這是.. – JohnJ

好吧，你是正確 - 有衝突的JS，我有'dropdown.js'作爲包含，並由於某種原因，這是搞砸了事情，你可以寫它作爲一個答案，我會接受它再次感謝您的時間。 – JohnJ

只是加載jquery.js腳本您的代碼似乎好工作我有一個工作的小提琴在以下鏈接。

<nav> 
    <ul class="nav nav-pills pull-right"> 
    <li role="presentation" class="active"><a href="{% url 'home' %}">Home</a></li> 
    <li role="presentation"><a href="{% url 'faq' %}">FAQ's</a></li> 
    <li role="presentation" class="dropdown"> 
     <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 
     <ul class="dropdown-menu"> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li role="separator" class="divider"></li> 
      <li class="dropdown-header">Nav header</li> 
      <li><a href="#">Separated link</a></li> 
      <li><a href="#">One more separated link</a></li> 
     </ul> 
     </li> 
    </ul> 
</nav>

請確保您有正確的順序裝載的jquery.js第一則bootstrap.js加載存儲庫。如果這不是問題，那麼你很可能有衝突的JavaScript。逐個取出JavaScript文件，看看JavaScript與引導程序的JavaScript有衝突。

來源

2016-01-10 05:04:09

正如寫了Drinkin People，你有工作代碼！前bootstrap.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

jsfiddle-link

來源

2016-01-10 03:32:53

請參閱我的回覆DrinkinPeople – JohnJ

@JohnJ，你下載你的js腳本下面的html代碼，但以上關閉''和''標籤？ –

導航藥丸與下拉引導3

回答

相關問題