Bootstrap和Jquery矛盾

时间:2017-07-14 06:56:05

标签: jquery twitter-bootstrap

我的导航栏中的我的Bootstrap Carousel和下拉菜单在我之前包含我的bootstrap.min.js时似乎不起作用

这是我的代码

<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" type="text/css">
<script src="bootstrap/dist/js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Latest compiled and minified CSS & JS -->

但是如果在bootstrap.js之前包含jquery.min.js,导航栏中的标签不起作用。它们之间存在矛盾

1 个答案:

答案 0 :(得分:0)

更改订单。首先是JQuery.js,然后是bootstrap.js。订单应该是这样的

<link href="bootstrap/dist/css/bootstrap.css"  rel="stylesheet" type="text/css">
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script src="bootstrap/dist/js/bootstrap.js"></script>

注意:通常会在html代码底部列出.js个文件(html标记内)。