关闭后无法重新打开jquery ui对话框

Question

我的网站上有一个链接，可以在jquery ui对话框中的不同网页上打开html内容：

var $otherDialogContainer = $('#other-dialog');

$('a.link').click(function() {
    $otherDialogContainer.load('/controller/action', function() {
        $otherDialogContainer.dialog({
        title: 'Hello',
            width: 600,
            height: 400,
            position: 'middle',
            resizable: false
        });
    });
    return false;
});

在对话框中打开的html中有一个关闭对话框的按钮：

$('.closeDialog').click(function() {
        window.parent.$(".ui-dialog").remove();
    });

问题是，我用该按钮关闭后无法重新打开对话框。如果我通过单击右上角的“x”图标关闭对话框，我可以毫无问题地重新打开它。

Answer 1

.remove（）从DOM中删除对话框，因此不再打开对话框：）

你应该使用

$otherDialogContainer.dialog('close');

希望这有帮助！