关闭回调的下拉菜单

Question

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

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

我试过了，但没用

$('.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 而不是菜单 class。我使用的是 Bootstrap 5

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