添加data-toggle="dropdown"后href失效 点击主分类无响应问题咨询

• 检查依赖引入顺序与完整性
  Bootstrap 3/4版本的下拉组件必须依赖jQuery和Bootstrap JS文件，且需要按jQuery在前、Bootstrap JS在后的顺序在页面中引入，示例引入代码：

<script src="本地存放的jQuery文件路径"></script>
<script src="本地存放的Bootstrap JS文件路径"></script>

• 适配Bootstrap版本修改属性
  如果使用的是Bootstrap 5版本，已经取消jQuery依赖，且所有交互相关的data属性都添加了bs前缀，需要修改原有代码的对应属性：

<div class="collapse navbar-collapse" id="mainNav">
  <ul class="nav navbar-nav">
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-expanded="false">Kundan</a>
      <ul class="dropdown-menu" role="menu">
        <li><a href="#">Bangles</a></li>
      </ul>
    </li>
  </ul>
</div>

• 排查其他JS冲突
  打开浏览器开发者工具（F12）切换到Console面板，查看是否有其他JS报错打断了下拉组件的初始化，根据报错信息修复对应问题即可。

内容的提问来源于stack exchange，提问作者vicky sharma