Matalialize Modal不起作用,保持打开状态

问题描述 投票:0回答:1

[我正在尝试在laravel应用中使用物化模式,我有一个名为skeleton的刀片文件,我将所有的“脚本”和样式表等放入了该文件中。 。效果很好,但是最近我遇到了很多有关实现的问题。

[当我尝试使用模式时,我使用文档中的以下代码:

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

位于我的骨架文件的底部,并显示在每个文件的底部。我尝试将其放入我的文件本身,但没有用。

我的HTML看起来像这样:

 @if($auth >= 5) <a href="#modal1" class="btn waves-effect waves-light green right modal-trigger"
                href="#modal1"> Create</a>
            @endif

在刀片文件的底部:

<div id="modal1" class="modal">
<div class="modal-content">
    <h4>Modal Header</h4>
    <p>A bunch of text</p>
</div>
<div class="modal-footer">
    <a href="#!" class="modal-close waves-effect waves-green btn-flat">Agree</a>
</div>

我的模态出现在屏幕上,但是会自动“显示”,当我单击打开按钮时,它什么也没做。我只是在使用演示模式,我将在可以使用它时对其进行自定义,谢谢。

html css laravel materialize
1个回答
0
投票

这里有解决方案

要打开模式,请使用下面的代码

$('.modal').modal('show');

要关闭模式,请使用下面的代码

$('.modal').modal('hide');
© www.soinside.com 2019 - 2024. All rights reserved.