Question

我正在使用Eric Martin的SimpleModal plugin获取具有多种不同模态的页面。其中一个模态具有与页面上其他模式不同的高度和宽度，因此当单击较大模态的链接时，我已向主体添加了一个类。就控制特定模态的风格而言，这样可以正常工作。但是，当该模态关闭时删除该类是一个问题。我最初尝试使用onClose函数，但我没有任何成功。所以当你点击关闭链接时我试图附加removeClass，但它不是删除了body类？帮助

基本上我想做这样的事情，以确保在使用onClose函数通过任何内置方法关闭模态时删除类：

$("#element-id").modal({onClose: function () {
    $('body').removeClass('classname');
}});

提前致谢！

Answer 1

试试这个：

$('#sample').modal({
    onOpen: function(dialog) {
        $('body').addClass('classname');
        dialog.overlay.show();
        dialog.container.show();
        dialog.data.show();
    },
    onClose: function(dialog) {
        $('body').removeClass('classname');
        $.modal.close()
    }
});

如果您想要一些流畅的动画，则必须将.show()更改为其他内容。文档here。

使用simplemodal删除body类onClose

1 个答案: