Question

我遇到了materializeCSS的问题。我刚刚从0.97.5更新到0.98.0并且模态不再工作了。

我根据文档更改了它们的初始化方式。

Jquery版本是3.1.1，它在实现之前加载。

这是我的代码：

初始化：

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

模态：

<a class="modal-trigger" href="#delete">
    <i class="material-icons">delete</i>
</a>


<div id="delete" class="modal">
    <nav class="top-nav panel-title truncate">Confirmer la suppression</nav>
    <p class="modal-content"></p>
    <div class="modal-footer"></div>
</div>

Answer 1

文档没有强调你应该首先初始化所有模态的关键点。 $('.modal').modal();

模态的完整工作代码应如下所示

(function ($) {
    $(function () {

        //initialize all modals           
        $('.modal').modal();

        //now you can open modal from code
        $('#modal1').modal('open');

        //or by click on trigger
        $('.trigger-modal').modal();

    }); // end of document ready
})(jQuery); // end of jQuery name space

自更新到Materialise 0.98.0后模态无效

1 个答案: