如何知道实现 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 VanillaJs

document.querySelector('#myModalId').classList.contains('open')