我正在使用 materialize css 模态。我想在打开模式时更改我的 div 的样式。
我试过下面的代码,但它似乎不起作用。
$(document).ready(function() {
$('.modal').modal();
if($('.modal').isOpen == true) {
document.getElementById("a").style.zIndex = "1000";
}
});
我正在寻找一个 bool 值来检查模式是否打开。
最佳答案
您可以使用 M.Modal.getInstance(elem)
和 isOpen
属性
$('.modal').modal()
var instance = M.Modal.getInstance(document.getElementById('modal1'))
instance.open()
console.log(instance.isOpen)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
<!-- Modal Trigger -->
<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>
<!-- Modal Structure -->
<div id="modal1" class="modal modal-fixed-footer">
<div class="modal-content">
<h4>Modal Header</h4>
<p>A bunch of text</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
</div>
</div>
关于javascript - 如何知道 materialize css modal 是否打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57265837/