Удалить / удалить диалоговое окно jquery-ui со страницы

Question

Я создаю элементы div (для ввода заметок) на лету, используя jtemplates, которые выглядят примерно так -

 <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 конфликтуют с новыми идентификаторами div. Я использую jquery-ui-1.8.17.

Разметка выглядит примерно так: this -

У меня вопрос, как мне удалить диалоги, которые я создал на лету? На странице есть и другие диалоги, которые я не хочу удалять. Спасибо.

Answer 1

Используйте метод destroy

Answer 2

Я думаю, что вы должны прикрепить пользовательский тег данных к диалогу, соответствующему строке таблицы, а затем вызвать функцию destroy , когда строка удалена.1006 * DEMO , который дает представление о том, как связать tr и dialog div, и может быть впоследствии удален при удалении строки.