在HTML中点击时关闭Bootstrap下拉菜单

WBOY
发布: 2023-09-02 12:01:03
转载
539 人浏览过

在HTML中点击时关闭Bootstrap下拉菜单

正如您所见,每当您打开下拉列表并单击其他任何位置时,下拉列表都会关闭。

通过使用下面给出的代码,下拉菜单可以在点击后保持打开状态−

$('#myDropdown').on('hide.bs.dropdown', function () { return false; });
登录后复制

另一种选择是处理点击事件 -

点击事件也可以通过使用以下代码来处理。 event.stopPropagation() 方法停止向父元素冒泡事件。它阻止执行任何父事件处理程序 -

$('#myDropdown .dropdown-menu').on({ "click":function(e) { e.stopPropagation(); } });
登录后复制

以上是在HTML中点击时关闭Bootstrap下拉菜单的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!