Javascript ECSS中的模态没有响应

Javascript ECSS中的模态没有响应,javascript,html,css,modal-dialog,materialize,Javascript,Html,Css,Modal Dialog,Materialize,我试图在物化ECSS中设置一个模态,但它不会触发 这是我的密码 <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a> <div id="modal1" class="modal"><div class="modal-content"> <h4>Modal Header</h4> <p>A bunch

我试图在物化ECSS中设置一个模态,但它不会触发 这是我的密码

<a class="waves-effect waves-light btn modal-trigger" href="#modal1">Modal</a>    

<div id="modal1" class="modal"><div class="modal-content">

<h4>Modal Header</h4>
<p>A bunch of text</p>
</div>
</div>  <script>$(document).ready(function(){$('.modal1').leanModal();
});</script> 

模态头
一串文字

$(document).ready(function(){$('.modal1').leanmodel(); });
根据,如果您使用的是最新版本,则需要使用

$(document).ready(function(){
  // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
  $('.modal').modal();
});
看到区别了吗?使用
modal()

当您有一个名为
.modal

下面是一个工作片段

$(文档).ready(函数(){
//.modal触发器的“href”属性必须指定要触发的模态ID
$('.modal').modal();
});

模态头
一串文字


您是否正确导入了Materialize css和JS文件?看来您丢失了JS文件,因为我相信您没有收到任何控制台错误。如果是,请出示,以便我能更好地评估您的问题。是的,我已经实现了