javascript - 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() 调用将导致对话框在删除之前自动销毁。