当我在外面单击时如何关闭折叠？

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

也添加.ui-autocomplete类以避免在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);

编辑：答案根据评论进行了编辑。