jQuery UI 对话框关闭并没有清除对话框

Using jQuery用户界面 http://en.wikipedia.org/wiki/JQuery_UI，我有一个选项卡插件，在选项卡 1 中加载了一个包含表格的页面，每行都有一个对话框的链接。

一切正常，保存以下内容：

对话框中有一个选项可用于删除打开当前对话框的行。确认并删除该行后，该选项卡将刷新，并显示新表，并删除相关行。

现在的问题是，在关闭执行删除操作的对话框后（通过执行删除操作的 JavaScript 函数，或通过对话框上的关闭按钮手动操作），该对话框保留了已删除行中的数据。

例如，

列出了三行；

从第 2 行打开对话框；

Delete;

从 JavaScript 函数关闭对话框，选项卡刷新，现在两行；

第二行（以前是第 3 行）中的对话框打开链接与刚刚打开的对话框具有相同的对话框 id；

单击第 2 行中的“打开对话框”链接；

对话框显示与以前相同 - 对于旧的第 2 行，而不是当前的第 2 行；

关闭对话框；

单击第 2 行中的“打开对话框”链接；

正确显示 - 当前第 2 行的数据；

我不知道这是否有意义......这是发生的情况的图片：

因此，被删除的行下面的行继承对话框 ID，单击时会显示旧对话框。如果关闭然后重新打开，它会在对话框中显示正确的内容。

我在用着dialog("close")目前并已尝试过dialog("destroy")，但这完全杀死了它，下面的行没有打开任何东西......

我该如何解决这个问题？

对话框实例化代码：

<script>
<?php
$ee=1;
foreach($bugs->result() as $rr){
    echo "jQuery(\"#dialog_$ee\").dialog({autoOpen:false,width:850,height:550});\n";
    $ee++;
}
?>
</script>

然后打开对话框：

jQuery("#dialog_<?=$i?>").dialog("open");

事实证明，对话并没有去任何地方。关闭它后，现在有两个具有相同内容的对话框id.

在调用的删除函数的成功处理程序中，我最终重置了对话框 id，然后对其调用dialog("destroy")：

onSuccess: function(transport){
    var tabs = jQuery('#tabs').tabs();
    tabs.tabs( 'url', 0,'/bugs/loadTab1');
    tabs.tabs('load', 0);
    closeDialog(dialogID);
    jQuery("#"+dialogID).attr("id",dialogID+"_old");
    jQuery("#"+dialogID+"_old").dialog("destroy");
},