javascript - jQuery UI 关闭动态对话框...或者只是打开的对话框

Question

我试图在函数调用结束时关闭打开的对话框，并使用当前的按钮元素来关闭对话框。这是打开对话框的代码。使用“.modal_btn”的“rel”属性动态调用它。它按预期打开:

    modalDialog = function(dialogId){
        $(dialogId).dialog({
            modal: true,
            draggable: false,
            resizable: false,
            width: 'auto',
            open: function() { $(".ui-dialog-titlebar-close").hide(); }
        });
    }

    $('.modal_btn').live('click', function(){
        var dialogId = $(this).attr('rel');
        modalDialog(dialogId);
    });

现在，在对话框打开后，我想使用当前的 HTML 元素作为按钮:“取消”和“保存”按钮。保存按钮执行 ajax 调用，ajax 调用完成后我想关闭对话框。另外，我希望只需单击“取消”按钮即可关闭打开的对话框。我似乎无法掌握这个简单的功能......有什么想法吗？

Answer 1

$(dialogId).dialog('close');?

编辑回复评论:

那么，这个怎么样？在 modalDialog 函数中，将一个类应用于对话框本身:$(dialogId).addClass('currently-open-dialog')。

然后你的关闭点击函数可以执行$('.currently-open-dialog').removeClass('currently-open-dialog').dialog('close');