使用 Javascript 附加到 Bootstrap 5 下拉菜单

Question

有没有办法做到这一点？ 例如，我试图有一个动态下拉菜单，列出从当前年份开始的年份数字。 我发现的所有解决方案都不适用于 Bootstrap 5，仅适用于本机 html，因此下拉列表看起来不合适。

Answer 1

在这里，您可以看到bootstrap 文档中的代码：

  <li class="nav-item">
    <a class="nav-link active" aria-current="page" href="#">Active</a>
  </li>
  <li class="nav-item dropdown">
    <a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
    <ul class="dropdown-menu">
      <li><a class="dropdown-item" href="#">Action</a></li>
      <li><a class="dropdown-item" href="#">Another action</a></li>
      <li><a class="dropdown-item" href="#">Something else here</a></li>
      <li><hr class="dropdown-divider"></li>
      <li><a class="dropdown-item" href="#">Separated link</a></li>
    </ul>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>

不要忘记将 bootstrap 的 javascript 链接导入到您的项目中