如何在关闭时完全删除对话框

当ajax操作失败时，我将创建一个带有错误的新div，然后将其显示为对话框。关闭对话框后，我想完全销毁并再次删除div。我怎样才能做到这一点？目前，我的代码如下所示：

$('<div>We failed</div>')
    .dialog(
    {
        title: 'Error',
        close: function(event, ui)
        {
            $(this).destroy().remove();
        }
    });

当我运行此对话框时，对话框会正确显示，但是当我关闭对话框时，该对话框在html（使用FireBug）中仍然可见。我在这里想念什么？我忘记了什么？

更新：刚刚注意到我的代码在Firebug控制台中给了我一个错误。

$（this）.destroy不是函数

有人可以帮助我吗？

更新：如果我只是这样做$(this).remove()，则该项目将从html中删除。但是它是否已从DOM中完全删除？还是我还需要以某种方式首先调用该destroy函数？

$(this).dialog('destroy').remove()

这将破坏对话框，然后从DOM中完全删除“托管”对话框的div

为什么要删除它？

如果要防止创建多个实例，请使用以下方法...

$('#myDialog') 
    .dialog( 
    { 
        title: 'Error', 
        close: function(event, ui) 
        { 
            $(this).dialog('close');
        } 
    }); 

当发生错误时，您应该...

$('#myDialog').html("Ooops.");
$('#myDialog').dialog('open');

$(dialogElement).empty();

$(dialogElement).remove();

这实际上修复了它

这对我有用

$('<div>We failed</div>')
    .dialog(
    {
        title: 'Error',
        close: function(event, ui)
        {
            $(this).dialog("close");
            $(this).remove();
        }
    });

干杯!

PS：我有一个类似的问题，上述方法解决了它。

一个对我来说就像一个魅力的丑陋解决方案：

$("#mydialog").dialog(
    open: function(){
        $('div.ui-widget-overlay').hide();
        $("div.ui-dialog").not(':first').remove();
}
});

你可以用

$(dialogElement).empty();    
$(dialogElement).remove();

我在所有js项目中都使用了此功能

您将其称为：hideAndResetModals（“＃IdModalDialog”）

您定义是否：

function hideAndResetModals(modalID)
{
    $(modalID).modal('hide');
    clearValidation(modalID); //You implement it if you need it. If not, you can remote this line
    $(modalID).on('hidden.bs.modal', function () 
    {
        $(modalID).find('form').trigger('reset');  
    });
}