使用 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 鏈接導入到您的項目中