Comment faire pour supprimer complètement un dialogue sur fermer

Lorsqu'une opération ajax échoue, je créer un nouveau div avec les erreurs puis de le montrer comme un dialogue. Lorsque la boîte de dialogue est fermée, je voudrais détruire complètement et retirez le div de nouveau. Comment puis-je faire cela? Mon code ressemble à quelque chose comme ceci pour le moment:

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

Lorsque j'exécute ce la boîte de dialogue s'affiche correctement, mais quand j'ai fermer la boîte de dialogue est toujours visible dans le code html (à l'aide de FireBug). Ce qui me manque ici? Quelque chose que j'ai oublié?

Mise à jour: Viens de remarquer que mon code me donne une erreur dans la console de firebug.

$(this).détruire n'est pas une fonction

Quelqu'un capable de m'aider?

Mise à jour: Si je fais juste $(this).remove() au lieu de cela, le point est retiré de l'html. Mais il est entièrement retiré de la DOM? Ou dois-je en quelque sorte besoin d'appeler qui détruisent la fonction première ainsi?

InformationsquelleAutor Svish | 2010-05-19