如何知道实现 css 模态是否打开

Question

我正在使用实现 css 模态。每当打开模态时，我都想更改 div 的样式。

我已经尝试了下面的代码，但它似乎不起作用。

$(document).ready(function() {

    $('.modal').modal();

    if($('.modal').isOpen == true) {

        document.getElementById("a").style.zIndex = "1000";

    }

});

我正在寻找一个布尔值来检查模态是否打开。

Answer 1

您可以调用onOpenStart Function - 在打开模态之前调用的回调函数。或者您可以调用onOpenEndFunction - 打开模态后调用的回调函数。有关更多详细信息，您可以阅读。

Answer 2

Materialize modal append class open to open modal, 你可以检查你的modal id是否有class open// jQuery$('#modal1').hasClass('open')// or VanillaJsdocument.querySelector('#myModalId').classList.contains('open')