twitter-bootstrap - BootStrap3点击项目后保持下拉菜单打开

Question

我正在使用具有出色下拉菜单的 Bootstrap 3.0。
如果我在下拉菜单之外单击，菜单将消失，没关系。
但是当我点击一个下拉菜单项时，菜单就会消失。我不希望这种情况发生，并且没有控制切换行为的选项。我希望菜单在单击其中一项后保持打开状态，例如 Facebook 通知菜单。
我想我必须修改 Bootstrap 源，我真的不想这样做。所以在接触源代码之前，我想知道有什么好的解决方法吗？如果没有，我应该如何更改对 Bootstrap 影响最小的来源？
谢谢你的任何想法。

Answer 1

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

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

演示: http://www.bootply.com/116350

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

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

演示: http://www.bootply.com/116581