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

Question

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

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

(function ($, Drupal) {

  'use strict';

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

})(jQuery, Drupal);

Answer 1

添加 .ui-autocomplete class 以避免 collapse 也出现在 click 上：

(function($, Drupal) {

  'use strict';

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

})(jQuery, Drupal);

编辑： 根据评论编辑答案。