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