Bootsrap Dropdown无效

Question

我的引导程序下拉列表无效。我已经研究过这个问题，到目前为止我得到的所有答案都没有对我有用。我试过添加谷歌ajax js，它没有帮助。我将ajax移到了bootstrap mini.js之上，但仍然没有用。有什么帮助吗？

<nav class="navbar navbar-default">
  		<div class="container-fluid">
			<div class="navbar-header">
		    	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <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="#">DPC</a>
		    </div>

	    	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	    		<ul class="nav navbar-nav">
	    			 <li class="active"><a href="index.html">Home<span class="sr-only">(current)</span></a></li>
	    			 <li><a href="builds.html">Builds</a></li>
	    			 <li><a href="services.html">Services</a></li>
	    			 <li><a href="ratings.html">Ratings</a></li>
	    			 <li><a href="pricing.html">Pricing</a></li>
	    		</ul>

	    		<ul class="nav navbar-nav navbar-right">
	    			<li class="dropdown">
				        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Social<span class="caret"></span></a>
				        <ul class="dropdown-menu">
				           	<li><a href="http://www.instagram.com">Instagram</a></li>
				           	<li><a href="http://www.twitter.com">Twitter</a></li>
				        	<li><a href="http://www.facebook.com">Facebook</a></li>
				        </ul>
				    </li>
	    		</ul>
		    </div>
  		</div>
	</nav>

Answer 1

您需要做的第一件事是在浏览器中打开开发人员工具。在那里你将找到一个控制台，这个控制台几乎肯定会告诉你jQuery不可用。通常这是因为您没有按正确的顺序包含它。

当jQuery满足它的dependency正确设置bootstrap时，它会自动将事件绑定到下拉列表，因此不需要任何额外的代码。