Как полностью удалить диалог при закрытии

Question

Как полностью удалить диалог при закрытии

когда операция ajax завершается неудачей, я создаю новый div с ошибками, а затем показываю его как диалоговое окно. Когда диалог будет закрыт, я хотел бы полностью уничтожить и удалить div снова. Как я могу это сделать? Мой код выглядит примерно так на данный момент:

$('<div>We failed</div>')

    .dialog(

    {

        title: 'Error',

        close: function(event, ui)

        {

            $(this).destroy().remove();

        }

    });

когда я запускаю это диалоговое окно отображается правильно, но когда я закрываю его диалоговое окно по-прежнему отображается в html (с помощью FireBug). Чего мне здесь не хватает? Что-то у меня есть забыли?

обновление: просто заметил, что мой код дает мне ошибку в консоли firebug.

$(этот).уничтожить-это не функция

кто-нибудь может мне помочь?

обновление: если я просто $(this).remove() вместо этого элемент удаляется из html. Но полностью ли он удален из DOM? Или мне как-то нужно сначала вызвать эту функцию уничтожения?

530 7

jquery-ui jquery-ui-dialog

7 ответов:

Comments

Ничего не найдено.

lomaxx · Accepted Answer · 2010-05-19 13:48:31

$(this).dialog('destroy').remove()
Это уничтожит диалог, а затем удалите div, который был" хостинг " диалог полностью из DOM

Fiona - myaccessible.website · Accepted Answer · 2012-12-18 19:06:43

почему вы хотите удалить его?

Если это необходимо для предотвращения создания нескольких экземпляров, то просто используйте следующий подход...
$('#myDialog') 
    .dialog( 
    { 
        title: 'Error', 
        close: function(event, ui) 
        { 
            $(this).dialog('close');
        } 
    }); 
и когда возникает ошибка, вы могли бы сделать...
$('#myDialog').html("Ooops.");
$('#myDialog').dialog('open');

Ghost1 · Accepted Answer · 2013-10-23 16:34:26

$(dialogElement).empty();

$(dialogElement).remove();
это исправляет его для реального

cesar · Accepted Answer · 2012-11-15 16:19:55

уродливое решение, которое работает как шарм для меня:
$("#mydialog").dialog(
    open: function(){
        $('div.ui-widget-overlay').hide();
        $("div.ui-dialog").not(':first').remove();
}
});

user2994033 · Accepted Answer · 2013-12-27 17:24:30

вы можете использовать
$(dialogElement).empty();    
$(dialogElement).remove();

deb_ · Accepted Answer · 2016-12-13 14:42:48

это работает для меня
$('<div>We failed</div>')
    .dialog(
    {
        title: 'Error',
        close: function(event, ui)
        {
            $(this).dialog("close");
            $(this).remove();
        }
    });
Ура!

PS: у меня была несколько похожая проблема, и приведенный выше подход решил ее.

Sterling Diaz · Accepted Answer · 2018-08-14 19:07:18

Я использую эту функцию во всех моих проектах 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');  
    });
}