Як повністю видалити діалогове вікно закриття

Коли операція ajax не завершена, я створюю новий div з помилками, а потім показую його як діалог. Коли діалогове вікно закриється, я хотів би повністю знищити та видалити div ще раз. Як я можу це зробити? Наразі мій код виглядає приблизно так:

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

Коли я запускаю це, діалогове вікно відображається правильно, але коли я закриваю його, діалогове вікно все ще видно в html (за допомогою FireBug). Що я тут пропускаю? Щось я забув?

Оновлення: щойно помітив, що мій код дає мені помилку в консолі firebug.

$ (це) .destroy не є функцією

Хтось може мені допомогти?

Оновлення: Якщо я роблю лише $(this).remove()замість цього, елемент видаляється з html. Але чи повністю його видалено з DOM? Або мені якось потрібно спочатку викликати цю функцію знищення?

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

Це знищить діалогове вікно, а потім видалить DIV, який "розміщував" діалог повністю з DOM

Чому ви хочете його видалити?

Якщо потрібно запобігти створенню декількох екземплярів, просто використовуйте наступний підхід ...

$('#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-проектах

Ви називаєте це: hidAndResetModals ("# 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');  
    });
}