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

2024-05-01 • 问答

我在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);

wangyue001 回答：当我在外面单击时如何关闭折叠？

也添加.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);

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

collapse javascript jquery twitter-bootstrap twitter-bootstrap-3

本文链接：https://www.f2er.com/3167589.html

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

wangyue001 回答：当我在外面单击时如何关闭折叠？

大家都在问