javascript - 关于元素可见性的Jquery触发功能

Question

我的目标是每次按钮出现时都会在某些项目上触发一个动作。这就是我想要实现的目标：

$(".navbar-toggler").on(":visible", function(){..})

但是，我找不到完全执行此操作的函数。我需要一个 jQuery 插件吗？这是我的 html 片段（我正在使用引导导航栏，它在某个视口隐藏切换按钮以启用响应式布局）和我所指的按钮：

<button class="navbar-toggler" data-toggle="collapse" data-target="#navLinks" aria-label="Toggle navigation" aria-expanded="false">
    <span class="navbar-toggler-icon">
        <i class="fa fa-navicon"></i>
    </span>
</button>

这就是我的结果：

var elem = window.matchMedia("(max-width: 991.98px)");

function screenTest(e){
    if (e.matches) {
        $(".nav-link").removeClass("underline");
  } else {
        $(".nav-link").addClass("underline");
  }
}
elem.addEventListener("change", screenTest);

标签： javascriptjquerytriggersbootstrap-4visibility