Nifty Modal - 如何在没有按钮的情况下触发模态

Question

这个脚本提供了很棒的模态转换，我想使用它们而不是标准的警报消息。

现在脚本的演示展示了如何通过按 a 来触发它们<button>，但是我在寻找如何显示一个模态时遇到了一些麻烦if statement，例如。

这是链接到按钮的代码。

//这部分在另一个文件中，该文件被导入到按钮所在的html文件中。

$(document).ready(function(){
    $(".md-trigger").modalEffects();
}); 

//当按钮具有类时触发该功能，但我需要它独立于工作类，或者至少可以通过将其链接到按钮来触发

<button data-modal="modal-1" data-toggle="modal" data-target="#mod-warning" type="button" class="md-trigger btn btn-warning btn-flat"><i class="fa fa-warning"></i> Warning</button>

问题：如何作为 if 语句的结果触发漂亮的模态？

Answer 1

您可以将类“md-show”添加到用作模态对话框的 div 元素

div示例：

<div class="md-modal colored-header" id="div_modal">
    <div class="md-content">
        <div class="modal-header">
        </div>
        <div class="modal-body form">
        </div>
        <div class="modal-footer">
        </div>
     </div>
</div>
<div class="md-overlay"></div>

如果你使用 jQuery

通过id查询div元素动态添加类

$("#div_modal").addClass("md-show");

要关闭模式只需删除该类

$("#div_modal").removeClass("md-show");

我希望有帮助