关闭 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');

希望这会有所帮助！