单击外部时如何关闭折叠？

Question

我有一个带有 Bootstrap 3 的主题，我创建了一个代码来在我点击外部时关闭菜单。

在这个菜单中，我有一个ui-autocomplete 字段。问题是当我在ui-autocomplete 列表中选择一个结果时，菜单会关闭。我希望它保持打开状态。

(function ($, Drupal) {

  'use strict';

  $(document).click(function (event) {
    if (!$(event.target).is('.navbar-collapse *')) {
      $('.navbar-collapse').collapse('hide');
    }
  });

})(jQuery, Drupal);

Answer 1

在click 上也添加.ui-autocomplete 类以避免collapse：

(function($, Drupal) {

  'use strict';

  $(document).click(function(event) {
    if (!$(event.target).is('.navbar-collapse *, .ui-autocomplete, .ui-autocomplete *')) {
      $('.navbar-collapse').collapse('hide');
    }
  });

})(jQuery, Drupal);

编辑：基于 cmets 编辑的答案。