Html 选择复选框元素时不关闭下拉列表？

这是一个简单的问题。我正在使用BootstrapV3.2.0在navbar下拉菜单上创建复选框列表

我只是想知道是否有一种方法可以在单击每个复选框后不将复选框弹出

我提供了小提琴：

挑选

---

将接受第一个正确的答案。

您只需防止事件冒泡：

$('.dropdown-menu').click(function(e) {
    e.stopPropagation();
});

当

下拉菜单

是下拉菜单的一个类时，您可以指定另一个或使用id。它工作的原因是Bootrstrap监听根元素

body

上的click事件，以便在您单击页面时关闭弹出窗口。由于事件冒泡，单击事件会向上传播到DOM树的

主体

，除非您使用

stopPropagation

方法阻止它这样做

演示：

$('.dropdown-menu').click(function(e) {
    e.stopPropagation();
});