时间戳

首页 > 解决方案 > 关闭模式时防止下拉菜单关闭

jquery - 关闭模式时防止下拉菜单关闭

问题描述

我有一个下拉菜单，在该下拉菜单中，当按下登录按钮时，我有登录按钮，将显示一个模式弹出窗口，并且当我关闭模式时，下拉菜单仍然在后台可见，它也会关闭下拉菜单。如何防止下拉菜单在模式时关闭弹出关闭。 在此处输入图像描述

它是一个有角度的应用程序，我正在使用 jquery 代码来保持下拉列表的可见性。 主页.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; }
  });
}

标签： jqueryangularbootstrap-4

解决方案

将此添加到您的 CSS 中：

.keepOpen {
    display:block;
}

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

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

这个想法是“显示”类被删除，这使得下拉菜单不可见。所以我们需要通过另一个临时类来解决这个问题，它仍然会保持菜单可见，并且会在“show”类被安全放置后立即被删除。最好，仅当满足以下条件时，该临时类才应放置在下拉列表中：

1）下拉菜单打开 2）您打开了模式

希望这可以帮助

推荐阅读