物化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();
});