кнопки не работают должным образом в диалоговом окне jq (два способа закрытия диалогового окна jquery с помощью таблицы начальной загрузки)?

Question

Я работаю с загрузочной таблицей внутри диалогового окна jquery и имею проблемы с закрытием диалогового окна и освобождением памяти. Позвольте мне показать демонстрационный код:

Способ 1:jsFIDDLE Вот код с двумя кнопками внутри содержимого диалогового окна, которые я использую для сохранения или отмены. Они закодированы с помощью $.click() (не по диалоговому окну). Чтобы увидеть проблемные залежных 4 шага:

1. Нажмите на первый флажок и принять дату
2. Сделайте то же самое для второго флажка
3. Uncheck обоих (поле даты пусто в обоих рядах)
4. Проверьте снова один checkbox и принять дату

Теперь вы заметите, что дата была добавлена ​​в оба поля каждой строки, даже если не нажимала вторую. Когда я играю больше, я могу даже снять оба флажка одним щелчком мыши.

Метод 2:jsFIDDLE Та же идея, но я использую кнопки, определенные в диалоговом окне JQuery и если вы делаете те же самые шаги сверху, вы не заметите проблему - она ​​работает просто отлично.

Вопрос: Мне нужно использовать первый метод для моей собственной цели, но что делать, чтобы исправить эту проблему с памятью?

Answer 1

У вас есть проблема с областью видимости в вашем коде; Пожалуйста, попробуйте этот обновленный Fidle

var currentRow = null; 

$("#pickdate").datepicker({dateFormat: "dd-mm-yy"}).datepicker("setDate",new Date()); 
$('#table').on('check.bs.table', function (e, row, $el) { 

currentRow = row; 

    $("#dialog").dialog({ 
       dialogClass: "no-close tt", 
       modal: true, 
       title: "Data zamknięcia", 
       width:189, 
     }); 


}); 

См fidle для полного кода