从页面中删除/删除jquery-ui对话框

Question

我正在使用jtemplates动态创建div元素（用于输入音符），看起来像这样 -

 <table>
  <tr>
   <td>
      <div id="divNotesMo{$T.index}" title="Notes">
         <textarea id="taNotesMo{$T.index}" rows="2" cols="20"></textarea>
      </div>
   </td>
   <td>
    <div id="divNotesTu{$T.index}" title="Notes">
         <textarea id="taNotesTu{$T.index}" rows="2" cols="20"></textarea>
    </div>
   </td>
  </table>

我正在使用$('divNotesId').dialog并设置按钮等来制作对话框。当页面加载时，所有附加了对话框的div元素都会移动到页面底部（完全由jquery-ui从表中删除）。我要求删除整行及其所有内容。当我这样做时，笔记对话框不会被删除，因为它们不再在表格行中（它们被移动到页面底部）。当我构建下一个新行时，旧的div id与新的div id相冲突。我正在使用jquery-ui-1.8.17。

标记看起来像this -

我的问题是，如何删除我动态创建的对话框？页面上还有其他我不想删除的对话框。谢谢。

Answer 1

使用destroy方法

Answer 2

我认为您应该将自定义数据标记附加到与表行匹配的对话框，然后在删除行时调用对话框destroy。

$(<selector>).dialog('destroy');

查看我的DEMO，了解如何关联tr和dialog div，以及删除行后可以删除。