导航药丸与下拉引导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

回答

相关问题