JQuery UI - Как удалить динамический элемент после закрытия диалога?

Question

Я использую диалог в своем приложении asp.net, заменив ранее использованный «window.showModalDialog» вот почему нужно загружать страницы .aspx в iframe.

Я хочу, чтобы элемент внутри диалога (который содержит iframe) создавался динамически, а после закрытия - я хочу, чтобы динамический элемент (и его содержимое) были удалены.

$('#dialog_link').click(function () {
  $('<div id="dialog" ><iframe src="Default.aspx"></iframe></div>').dialog(
   {
      width: 200,
      height: 200,
      modal:true,
      open: function () { }, 
      close: function () {
        $(this).remove();//have do destroy dynamic element
      }   
   })

   return false;
});

это правильный способ сделать это?

Answer 1

close: function () {
   $(this).remove();//have do destroy dynamic element
}

Это будет хорошо работать.Вызов .remove () приведет к автоматическому уничтожению диалога перед его удалением.

Answer 2

Да, вы делаете это правильно. remove позаботится об уничтожении диалогового окна.

Answer 3

В моем близком обратном вызове я достиг успеха:

$(this).destroy()