在下拉菜单打开的情况下发出警报-Bootstrap 4

如何解决在下拉菜单打开的情况下发出警报-Bootstrap 4

我尝试过：

1。

if($('.dropdown-menu').css('display') == 'block')
{
  alert(1);
}

if($('.dropdown-menu.show').css('display') == 'block')
{
  alert(1);
}

2。

if ( $( ".dropdown-menu" ).is( ":visible" ) ) {

    alert(1);

}

if ( $( ".dropdown-menu.show" ).is( ":visible" ) ) {

    alert(1);

}

AND

if ($(".dropdown").hasClass("show")) {
  alert(1);
}

标准CSS引导程序代码

.dropdown-menu {
  display: none;
}

.dropdown-menu.show {
  display: block;
}

它与IF display == none或:hidden一起使用，但从来没有其他方式使我不理解。

解决方法

您尝试过吗？

$("#button").attr("aria-expanded")

注意：#button是此处的选择器

如果下拉列表在引导程序中处于打开状态，则为true，否则为false。

或

您可以尝试：

document.getElementsByClassName("dropdown-menu")[0].offsetHeight

上面的jQuery版本是：

$(".dropdown-menu").offset().top

您可以根据需要在这里使用任何选择器，我更喜欢使用

如果下拉列表关闭且下拉菜单的高度为0，则该值为0。