Bootstrap4 折叠导航栏点击按钮无反应

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的导航栏时,使用了下拉菜单,但是出现了一个奇怪的现象,点击下拉按钮时无响应

解决方案:

  1. 检查代码是否有错误。
  2. 检查jQuery是否正确导入,且jQuery版本不能太低。
  3. 检查jQuery引入是否在bootstrap.min.js引入之前,因为bootstrap的js依赖于jquery的js。

你可能感兴趣的:(前端)