Javascript 如何知道MaterializeCSS模式是否打开

Javascript 如何知道MaterializeCSS模式是否打开,javascript,jquery,html,css,materialize,Javascript,Jquery,Html,Css,Materialize,我正在使用物化css模式。每当打开modal时,我都想更改div的样式 我已经尝试了下面的代码,但它似乎不起作用 $(document).ready(function() { $('.modal').modal(); if($('.modal').isOpen == true) { document.getElementById("a").style.zIndex = "1000"; } }); 我正在寻找一个布尔值来检查模态是否打开。将模态附加类打开具

我正在使用物化css模式。每当打开modal时,我都想更改div的样式

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

$(document).ready(function() {
    $('.modal').modal();
    if($('.modal').isOpen == true) {
        document.getElementById("a").style.zIndex = "1000";
    }
});

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

将模态附加类打开具体化到打开的模态,您可以检查模态id是否打开了类

// jQuery
$('#modal1').hasClass('open')

// or VanillaJs
document.querySelector('#myModalId').classList.contains('open')

您可以调用
onOpenStart
函数-在打开modal之前调用的回调函数

或者,您可以调用
onopennd
Function-打开模式后调用的回调函数

有关更多详细信息,请阅读

您可以使用和属性

$('.modal').modal()
var instance=M.Modal.getInstance(document.getElementById('modal1'))
instance.open()
console.log(instance.isOpen)

模态头
一串文字


try$('.modal').modal(“isOpen”)instead@RV$('.modal').modal(“isOpen”)似乎不起作用。当它打开时,您正在尝试运行某些内容。是吗?是的,当modal打开时,我想更改我的div的css。在这种情况下,请使用此选择器“.modal.open”,然后针对您的div并应用所需的css。只有当弹出窗口打开时,才会添加open类