jquery 下拉菜单关闭回调

kzmpq1sx  于 4个月前  发布在  jQuery
关注(0)|答案(4)|浏览(97)

嗨,我试图执行一个函数,如果 Bootstrap 的下拉菜单是关闭的。当然,我可以只添加函数调用,如果菜单下拉切换是点击。但我担心的是,如果用户没有点击下拉切换,而是点击外部或其他元素。下拉菜单关闭,如果我点击其他元素。
如果下拉菜单关闭, Bootstrap 上是否有方法或回调?
我试过这个,但它不工作

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

字符串

lhcgjxsq

lhcgjxsq1#

您可以在这里找到免费的活动https://getbootstrap.com/docs/3.3/javascript/#dropdowns-events
快速帮助

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

字符串

0aydgbwb

0aydgbwb2#

尝试使用此参数:

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

字符串

qni6mghb

qni6mghb3#

今天就解决这个问题吧,选择按钮id而不是菜单类。我用的是Bootstrap 5

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

字符串

rqdpfwrv

rqdpfwrv4#

对于Bootstrap 4.x,必须将按钮作为目标(而不是菜单)

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

个字符

相关问题