Materializecss의 모달이 응답하지 않음

Question

MaterializeCss에 모달을 넣으려고하지만 트리거하지 않습니다. 이것은 내 코드입니다. Materialize CSS docs에 따르면

<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> 

Answer 1

, 최신 버전을 사용하는 경우, 당신은

$(document).ready(function(){ 
    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered 
    $('.modal').modal(); 
}); 

이 차이를 볼 사용할 필요가? 당신이 여기

.modal라는 클래스가있을 때 대신 leanModal() 사용도 modal()

당신이 $('.modal1')를 사용하는 것은이

$(document).ready(function(){ 
 
    // the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered 
 
    $('.modal').modal(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/css/materialize.min.css"> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.2/js/materialize.min.js"></script> 
 
<a class="waves-effect waves-light btn" 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>