我只是添加了点击事件如下不关闭下拉菜单。

 <div class="dropdown-menu dropdown-menu-right" onclick="event.stopPropagation()" aria-labelledby="triggerId">

而不是写一些javascript或jquery代码(重新发明轮子)。上面的场景可以通过引导自动关闭选项来管理。 你可以提供任意一个值来自动关闭:

always -(默认值)在点击任何元素时自动关闭下拉菜单。 outeclick -仅当用户单击下拉框外的任何元素时自动关闭下拉框。 Disabled -禁用自动关闭

看看下面的plunkr:

http://plnkr.co/edit/gnU8M2fqlE0GscUQtCWa?p=preview

Set

uib-dropdown auto-close="disabled" 

希望这对你有所帮助。

我只是添加了点击事件如下不关闭下拉菜单。

 <div class="dropdown-menu dropdown-menu-right" onclick="event.stopPropagation()" aria-labelledby="triggerId">

您可以简单地执行事件。链接本身的点击事件的stopPropagation。 就像这样。

    $(".dropdown-menu a").click((event) => {
         event.stopPropagation()
         let url = event.target.href
         //Do something with the url or any other logic you wish
    })

编辑:如果有人看到这个答案，并正在使用react，它将无法工作。 React以不同的方式处理javascript事件，当你的React事件处理程序被调用时，事件已经被触发并传播。为了克服这个问题，您应该像这样手动附加事件

handleMenuClick(event) {
   event.stopPropagation()
   let menu_item = event.target
   //implement your logic here.
}
componentDidMount() {
    document.getElementsByClassName("dropdown-menu")[0].addEventListener(
        "click", this.handleMenuClick.bind(this), false)
   }
}

我知道这个问题是专门针对jQuery的，但是对于任何使用AngularJS的人来说，你可以创建一个指令来处理这个问题:

angular.module('app').directive('dropdownPreventClose', function() {
    return {
        restrict: 'A',
        link: function(scope, element, attrs) {
          element.on('click', function(e) {
            e.stopPropagation(); //prevent the default behavior of closing the dropdown-menu
          });
        }
    };
});

然后，只需在触发菜单关闭的元素上添加属性下拉-防止-关闭，它就应该会阻止关闭。对我来说，它是一个自动关闭菜单的选择元素:

<div class="dropdown-menu">
  <select dropdown-prevent-close name="myInput" id="myInput" ng-model="myModel">
    <option value="">Select Me</option>
  </select>
</div>

我发现没有一个解决方案，因为我想使用默认的引导导航。 以下是我对这个问题的解决方案:

       $(document).on('hide.bs.dropdown', function (e) {
        if ($(e.currentTarget.activeElement).hasClass('dropdown-toggle')) {
          $(e.relatedTarget).parent().removeClass('open');
          return true;
        }
        return false;
       });