Bootstrap 4下拉菜单仅能切换一次问题求助

你的问题根源在于同时使用了Bootstrap 4和Bootstrap 5的下拉触发属性：data-toggle="dropdown"是Bootstrap 4的标准属性，而data-bs-toggle="dropdown"是Bootstrap 5的属性，两个属性共存会导致JS逻辑冲突，进而出现只能切换一次的问题。

解决步骤：

• 移除按钮上的data-bs-toggle="dropdown"属性，只保留Bootstrap 4的data-toggle="dropdown"
• 确保页面引入的是Bootstrap 4相关资源，引入顺序必须是：jQuery → Popper.js → Bootstrap 4的JS文件（Bootstrap 4的下拉组件依赖这两个库，顺序不能错）

修正后的代码：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
    <span class="caret"></span>
  </button>
  <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

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