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

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

Linda Hamilton
发布: 2024-10-31 19:22:30
原创
748 人浏览过

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中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板