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

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

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

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

$('#myDropdown').on('hide.bs.dropdown', function () {
   return false;
});

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

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

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

以上就是在HTML中点击时关闭Bootstrap下拉菜单的详细内容,更多请关注编程之家其它相关文章

相关文章

vue阻止冒泡事件 阻止点击事件的执行 <div @click=&a...
尝试过使用网友说的API接口获取 找到的都是失效了 暂时就使用...
后台我拿的数据是这样的格式: [ {id:1 , parentId: 0, name:...
JAVA下载文件防重复点击,防止多次下载请求,Cookie方式快速简...
Mip是什么意思以及作用有哪些