$(document).click(function (event) {
    $target = $(event.target);
    if ($target.closest('#DivdropFilterListItemsCustomer').length == 1) {
        $('#DivdropFilterListItemsCustomer').addClass('dropdown-menu show');        
    } else {
        $('#DivdropFilterListItemsCustomer').removeClass('dropdown-menu 
           show').addClass('dropdown-menu');
    }
});
DivdropFilterListItemsCustomer is id of drop down 
 [Show id and drop down ][1]

# A2ZCode

我知道这个问题是专门针对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>

在Angular2 Bootstrap中，你可以在大多数情况下使用nonInput:

<div dropdown autoClose="nonInput">

nonInput -(默认值)当任意元素被单击时自动关闭下拉菜单-只要被单击的元素不是输入或文本区域。

https://valor-software.com/ng2-bootstrap/#/dropdowns

这也会有所帮助

$(document).on('click', 'someyourContainer .dropdown-menu', function (e) {
  e.stopPropagation();
});

你需要添加“按住-点击”到“下拉菜单”类

Bootstrap提供以下功能:

                 | This event is fired immediately when the hide instance method 
hide.bs.dropdown | has been called. The toggling anchor element is available as the 
                 | relatedTarget property of the event.

因此，实现这个函数应该能够禁止关闭下拉列表。

$('#myDropdown').on('hide.bs.dropdown', function (e) {
    var target = $(e.clickEvent.target);
    if(target.hasClass("keepopen") || target.parents(".keepopen").length){
        return false; // returning false should stop the dropdown from hiding.
    }else{
        return true;
    }
});