Bootstrap Modal не будет сброшен после открытия

Question

Модальное окно bootstrap, которое появляется при нажатии кнопки «Добавить столбец», не будет сброшено после закрытия. В результате я не могу добавить более одного значения в «Мастер-таблицу». Данный код не работает:

$('body').on('hidden.bs.modal', '.modal', function() { 
     $(this).removeData('bs.modal'); 
    }); 

Не уверен, что пойдет не так. Может ли кто-нибудь помочь?

Вот JSFiddle: http://jsfiddle.net/xjmf8qqt/10/

Answer 1

Вы не можете добавить более чем одну строку из-за повторяющихся атрибутов ID. Внутри метода #modalAdd вы добавляете новую строку, которая имеет td, например, <td id="colName">. Из-за этого повторяющийся идентификатор ID $('#colName').val() больше не работает.

О removeData Я предполагаю, что это работает только для удаленных данных как указано здесь Twitter bootstrap remote modal shows same content everytime