BootStrap3 单击该项目后保持下拉菜单打开

我正在使用 Bootstrap 3.0，它具有出色的下拉菜单。

如果我单击下拉菜单之外的区域，菜单就会消失，这没关系。

但是当我单击下拉菜单项时，菜单消失。我不希望发生这种情况，并且没有选项可以控制切换行为。我希望菜单在单击其中一项后保持打开状态，例如 Facebook 通知菜单。

我想我必须修改 Bootstrap 源代码，但我真的不想这样做。所以在接触源码之前，我想知道有什么好的解决方法吗？如果不是，我应该如何更改源以使对 Bootstrap 的影响最小？

谢谢你的任何想法。

这是单击后保持下拉列表打开的一种方法......

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

Demo: http://www.bootply.com/116350 http://www.bootply.com/116350

另一种选择是像这样处理点击事件。

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

Demo: http://www.bootply.com/116581 http://www.bootply.com/116581