Javascript 如何在单击“外部”时关闭“折叠”？

我有一个Bootstrap3的主题，我创建了一个代码，当我点击外部时关闭菜单

在这个菜单中，我有一个

ui自动完成

字段。问题是，当我在

ui autocomplete

列表中选择结果时，菜单关闭。我想让它一直开着

(function ($, Drupal) {

  'use strict';

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

})(jQuery, Drupal);

---

在

上添加
.ui自动完成
类，以避免
折叠
，同时单击
：

(function($, Drupal) {

  'use strict';

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

})(jQuery, Drupal);

编辑：根据评论编辑答案。
谢谢，但您的代码不起作用，因为“ui自动完成”在折叠之外。它将使用我的代码并添加一个异常。@Mathieu没有问题，所以只需将
ui自动完成
类添加到选择器中即可。那是it@Mathieu我应该输入地址吗？当我点击并键入时，什么也没有发生it@Predam您必须在字段中输入一个城市才能显示列表。要键入PARIS并等待5秒钟，列表应显示出来