[我正在尝试在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>
我的模态出现在屏幕上,但是会自动“显示”,当我单击打开按钮时,它什么也没做。我只是在使用演示模式,我将在可以使用它时对其进行自定义,谢谢。
这里有解决方案
要打开模式,请使用下面的代码
$('.modal').modal('show');
要关闭模式,请使用下面的代码
$('.modal').modal('hide');