Question

我使用此脚本来控制打开/折叠菜单项：

$('.dropdown').on({
    "click": function(event) {
        if ($(event.target).closest('.dropdown-toggle').length && $(this).parents('.dropdown').length === ($(event.target).parents('.dropdown').length - 1)) {
            $(this).data('closable', true);
        } else {
            $(this).data('closable', false);
        }
    },
    "hide.bs.dropdown": function(event) {
        hide = $(this).data('closable');
        $(this).data('closable', true);
        return hide;
    }
});

但是我需要创建一个条件，如果用户在菜单外单击，则打开的项目不会关闭。

此问题涉及Bootstrap特性。只需使用：

$(document).on('click', function(event)

完全没有回答我的问题。

Answer 1

尝试此操作以检测您是否不在菜单中。

$(document).on('click', function(event) {
  if (!$(event.target).closest('.dropdown-toggle').length) {
      return false;
  }
});

Bootstrap下拉菜单：在菜单外单击时不关闭

1 个答案: