bootstrap5下拉菜单关闭时如何提醒数据

Question

我正在尝试在 Bootstrap5 下拉菜单关闭但无法正常工作时提醒数据。以下是我尝试过的

 <div class="dropdown">
  <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
    Dropdown button
  </button>
  <ul class="dropdown-menu">
    <li><a class="dropdown-item" href="#">Link 1</a></li>
    <li><a class="dropdown-item" href="#">Link 2</a></li>
    <li><a class="dropdown-item" href="#">Link 3</a></li>
  </ul>
</div> 




$('.dropdown-menu').on("hide.bs.dropdown", function () {

   alert('Dropdown Menu is closed');               
});

Answer 1

它不起作用，因为您正在尝试运行 ul 元素上的函数，而您应该运行在 button 元素上设置 eventlistenner。我建议您在该特定下拉元素上使用 id。

$('.dropdown-toggle').on("hide.bs.dropdown", function () {
   alert('Dropdown Menu is closed');               
});

这是您的代码的工作 example。我刚刚将 id 添加到按钮元素。

bootstrap5下拉菜单关闭时如何提醒数据

How to alert data when bootstrap5 dropdown menu is closed

javascript

twitter-bootstrap