如果下拉菜单打开则发出警报 - Bootstrap 4

Question

我试过了：

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);
}

标准CSSbootstrap代码

.dropdown-menu {
  display: none;
}

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

它与 IF display == none 或 :hidden 一起工作，但从来没有用其他方式我不明白这一点。

Answer 1

你试过了吗？

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

注意：#button是这里的选择器

如果下拉菜单在 bootstrap 中打开，它将是 true，否则 false。

或

你可以试试：

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

JQuery 上面的版本是：

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

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

如果下拉菜单关闭且高度为 0，则为 0。

Alert if dropdown-menu is open - Bootstrap 4