关闭回调时的下拉菜单

Question

嗨，如果引导程序的下拉菜单关闭，我正在尝试执行一个函数。当然，如果单击菜单下拉切换，我可以添加函数调用。但我担心的是，如果用户没有单击下拉切换而是单击外部或其他元素会怎样。如果我单击其他元素，下拉菜单将关闭。

如果下拉菜单关闭，有没有办法或者引导程序上有任何回调吗？

我试过了，但没用

$('.dropdown-menu').on('shown.bs.collapse', function(e) {
    alert("Close");
});

Answer 1

您可以在这里找到下拉事件 https://getbootstrap.com/docs/3.3/javascript/#dropdowns-events

寻求快速帮助

$('.dropdown-menu').on('hide.bs.dropdown', function () {
  // your code goes here when dropdown closed
})

Answer 2

尝试使用此参数：

$('.dropdown-menu').on('hidden.bs.dropdown', function(e) {
    alert("Close");
})

Answer 3

今天遇到了这个问题，并选择按钮 id 而不是菜单类来解决它。我正在使用 Bootstrap 5

$('#myDropdownBtnId').on('hidden.bs.dropdown', function(e) {
    alert("Dropdown closed!!!");
})

Answer 4

对于 Bootstrap 4.x，必须定位按钮（而不是菜单）

---

$('#dropdownS').on('hidden.bs.dropdown', function () {
 console.log("closed");
})

---

<div id="dropdownS" class="dropdown">
 <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownStatus" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Status
 </button>
 <div id="statusList" class="dropdown-menu">
  ....
 </div>
</div>