嗨,我试图执行一个函数,如果 Bootstrap 的下拉菜单是关闭的。当然,我可以只添加函数调用,如果菜单下拉切换是点击。但我担心的是,如果用户没有点击下拉切换,而是点击外部或其他元素。下拉菜单关闭,如果我点击其他元素。如果下拉菜单关闭, Bootstrap 上是否有方法或回调?我试过这个,但它不工作
$('.dropdown-menu').on('shown.bs.collapse', function(e) { alert("Close"); });
字符串
lhcgjxsq1#
您可以在这里找到免费的活动https://getbootstrap.com/docs/3.3/javascript/#dropdowns-events快速帮助
$('.dropdown-menu').on('hide.bs.dropdown', function () { // your code goes here when dropdown closed })
0aydgbwb2#
尝试使用此参数:
$('.dropdown-menu').on('hidden.bs.dropdown', function(e) { alert("Close"); })
qni6mghb3#
今天就解决这个问题吧,选择按钮id而不是菜单类。我用的是Bootstrap 5
$('#myDropdownBtnId').on('hidden.bs.dropdown', function(e) { alert("Dropdown closed!!!"); })
rqdpfwrv4#
对于Bootstrap 4.x,必须将按钮作为目标(而不是菜单)
$('#dropdownS').on('hidden.bs.dropdown', function () { console.log("closed"); })
个字符
4条答案
按热度按时间lhcgjxsq1#
您可以在这里找到免费的活动https://getbootstrap.com/docs/3.3/javascript/#dropdowns-events
快速帮助
字符串
0aydgbwb2#
尝试使用此参数:
字符串
qni6mghb3#
今天就解决这个问题吧,选择按钮id而不是菜单类。我用的是Bootstrap 5
字符串
rqdpfwrv4#
对于Bootstrap 4.x,必须将按钮作为目标(而不是菜单)
个字符