Materialise的CSS模式不显示

Question

我有下面的代码：

<?php if(UserModel::getInstance()->isLoggedIn()) { ?> 
    <a class="modal-trigger waves-effect waves-light red btn right" href="#modalNewTopic">+ Add New Topic</a> 

<?php } ?> 

<?php if(UserModel::getInstance()->isLoggedIn()) { ?> 
    <div id="modalNewTopic" data-ignore="true" class="modal"> 
     <div class="modal-content"> 
      <h4>Add New Topic</h4> 
     </div> 
     <div class="modal-footer"> 
      asdf 
     </div> 
    </div> 

当我点击一个按钮什么都不露面。在javascript控制台中没有触发错误。可能是什么问题呢？

Answer 1

您需要先初始化模态插件，然后才能使用它。添加到您的JS文件：

$(document).ready(function() { 
    $('.modal').modal(); 
});