在关闭模式时防止下拉菜单关闭

Question

我有一个下拉菜单，在该下拉菜单中，当我按下登录按钮时会显示一个登录按钮，将显示一个模式弹出窗口，但当我关闭该模式时，该下拉菜单仍在后台可见，它也会关闭该下拉菜单。当模式弹出窗口关闭时关闭。

它是一个有角度的应用程序，我正在使用jquery代码来保持下拉菜单可见。 home.ts

 ngOnInit() {
  $('.dropdown.keep-open').on({
  "shown.bs.dropdown": function() { this.closable = false; },
  "click":             function() { this.closable = true; },
  "hide.bs.dropdown":  function() { return this.closable; }
  });
}

Answer 1

将此添加到CSS：

.keepOpen {
    display:block;
}

在关闭模态之前，请执行以下操作：

$(".dropdown").addClass('show');
$(".dropdown").removeClass('keepOpen');

想法是删除“ show”类，这使下拉菜单不可见。因此，我们需要通过另一个临时类来解决此问题，该类仍将使菜单保持可见状态，并在安全放置“显示”类后立即将其立即删除。最好，只有在满足以下条件时，才应将该临时类放在下拉列表中：

1）下拉列表打开 2）您打开了模态

希望这会有所帮助