JS中出现“$(...).dropdown is not a function”错误的解决

转载请注明出处：http://www.voidcn.com/article/p-vzpqoues-sz.html
本文出自【我是干勾鱼的博客】

使用bootstrap展示一个导航，众所周知使用bootstrap一般是需要加入jquery的，在我的js中出现了一个错误：

$(...).dropdown is not a function

如图所示：

开始怎么也没发现错误，后来发现网上有出现这个问题的解释：

说的很明确了，是jquery的js与bootstrap的js的顺序问题，jquery的js应该在前面。我的js开始顺序为：

<script type="text/javascript" src="/sys/front/res/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/sys/front/res/common/js/jquery-2.2.0.js"></script>

改了顺序为：

<script type="text/javascript" src="/sys/front/res/common/js/jquery-2.2.0.js"></script>
<script type="text/javascript" src="/sys/front/res/bootstrap/js/bootstrap.min.js"></script>

果然就正常了。