jQuery UI - 如何在对话框关闭后删除动态元素?

时间:2012-02-03 06:08:16

标签: javascript jquery dialog

我在我的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;
});

这是正确的方法吗?

3 个答案:

答案 0 :(得分:5)

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

这样可以正常工作。 .remove()调用将导致对话框在删除之前自动销毁。

答案 1 :(得分:1)

是的,你做得对。 remove将负责销毁对话框。

答案 2 :(得分:0)

我在近距离回调中取得了以下成功:

$(this).destroy()