Question

这就是我实例化模态的方式，将'btnModalAddGroup'作为充当按钮的div：

<div id="btnModalAddGroup" class="button">Add New Group</div>

$('#btnModalAddGroup').click(function() {
    $("#addGroupModal").modal({
        appendTo: 'form',
        escClose: false,
        persist: true, 
        onOpen: function(dialog) {
            dialog.overlay.fadeIn('fast');
            dialog.container.fadeIn('fast');
            dialog.data.fadeIn('fast');
        },
        onClose: function(dialog) {
            dialog.overlay.fadeOut('fast');
            dialog.container.fadeOut('fast');
            dialog.data.fadeOut('fast');
        }
    });
}
);

这是取消按钮：

<div id="btnCancelAddGroup" class="button simplemodal-close">Cancel</div>

一切正常但是一旦关闭模态，我就无法通过单击“添加新组”按钮再次打开它。我错过了什么？有没有人遇到这个问题？

Answer 1

在关闭命令的底部包含$.modal.close();，所以：

onClose: function(dialog) {
    dialog.overlay.fadeOut('fast');
    dialog.container.fadeOut('fast');
    dialog.data.fadeOut('fast');
    $.modal.close();
}

SimpleModal：一旦模态关闭，它将不会再次打开

1 个答案: