时间戳

首页 > 解决方案 > 使用 Javascript 附加到 Bootstrap 5 下拉菜单

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

问题描述

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

标签： javascripthtmlbootstrap-5

解决方案

这里有来自引导文档的代码：

  <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>

不要忘记将引导程序的 javascript 链接导入您的项目。入门模板

推荐阅读