点击bootstrap dropdown下拉菜单无反应 解决方法

宗政深
2023-12-01

1.jquery与bootstrap的依赖关系

由于bootstrap.js是依赖于jquery.js文件,所以文件的顺序应该如下表示。

  1. 导入bootstrap的.css文件
  2. 导入jquery的.js文件
  3. 导入bootstrap的.js文件

正确的导入代码如下:

<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"></link>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js">

2.bootstrap.css和.js文件版本不一致

这正是笔者遇到的情况,由于bootstrap版本过多,复制粘贴的时候难免会出现版本不一致的情况,这种情况也会导致下拉菜单无反应

 类似资料: