Quando uma operação do ajax falha, eu crio uma nova div com os erros e a mostro como uma caixa de diálogo. Quando a caixa de diálogo estiver fechada, eu gostaria de destruir e remover completamente a div novamente. Como posso fazer isso? Meu código se parece com isso no momento:
$('<div>We failed</div>')
.dialog(
{
title: 'Error',
close: function(event, ui)
{
$(this).destroy().remove();
}
});
Quando eu executo isso, a caixa de diálogo aparece corretamente, mas quando eu a fecho, a caixa de diálogo ainda é visível no html (usando o FireBug). O que estou perdendo aqui? Algo que eu esqueci?
Atualização: Acabei de notar que meu código me apresenta um erro no console do firebug.
$ (this) .destroy não é uma função
Alguém capaz de me ajudar?
Atualização: Se eu fizer apenas isso $(this).remove()
, o item será removido do html. Mas é completamente removido do DOM? Ou preciso, de alguma forma, chamar essa função de destruição também?