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

Question

This script提供了很棒的模式转换，我想使用它们而不是标准的警报消息。

现在脚本的演示展示了如何通过按 <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");

希望有帮助