Bootstrap4 折叠导航栏点击按钮无反应
Bootatrsp文档部分代码:
<nav class="navbar navbar-expand-md bg-dark navbar-dark">
<!-- Brand -->
<a class="navbar-brand" href="#">Navbar</a>
<!-- Toggler/collapsibe Button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Navbar links -->
<div class="collapse navbar-collapse" id="collapsibleNavbar">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
</ul>
</div>
</nav>
问题描述:
在使用Bootstrap的导航栏时,使用了下拉菜单,但是出现了一个奇怪的现象,点击下拉按钮时无响应
解决方案:
- 检查代码是否有错误。
- 检查jQuery是否正确导入,且jQuery版本不能太低。
- 检查jQuery引入是否在bootstrap.min.js引入之前,因为bootstrap的js依赖于jquery的js。