首页  >  文章  >  web前端  >  如何防止引导下拉菜单在单击内部时关闭?

如何防止引导下拉菜单在单击内部时关闭?

Linda Hamilton
Linda Hamilton原创
2024-10-31 19:22:30645浏览

How to Prevent Bootstrap Dropdowns from Closing on Click Inside?

避免下拉菜单在单击内部时关闭

在 Bootstrap 下拉菜单中,菜单项默认在任何单击时关闭,即使是下拉菜单中包含的菜单项本身。虽然使用 event.stopPropagation() 将单击事件处理程序附加到下拉菜单可以解决此问题,但它可能会导致轮播控件的委托事件出现问题。

解决方案:

为了解决这个困境,需要更精确的事件委托方法:

<code class="js">$(document).on('click', 'dropdown .dropdown-menu', function (e) {
  e.stopPropagation();
});</code>

这会将点击事件委托给所需的容器,确保其中的点击不会触发下拉菜单的关闭。

以上是如何防止引导下拉菜单在单击内部时关闭?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn