Question

have a look at this example link text
It creates a dialog with a iframe init that loads an external page.
The dialog is added to the DOM. Is it possible to delete it on dialog close event?

Answer 1

In the close event of the dialog you can .remove() it, for example:

$('<iframe src="' + this.href + '" />').dialog({
  //...current options...
  close: function() {
    $(this).dialog('destroy').remove();
  }
});

This removes the <iframe> and it’s contents as well as destroying the actual dialog widget around it which is no longer useful.