Сейчас работаю с таблицами, с возможностью редактирования данных с использованием ajax. Для этого при помощи jQuery при клике на кнопку меняю ее иконку (для этого изменяется id и class). После я должен кликнуть на этот элемент (сохранить) и кнопка должна вернуть первоначальный вид (снова сменить id и class).
Но проблема в том, что второй раз событие клика не срабатывает, хотя я даже элемент не удаляю, а просто меняю его атрибуты. Естественно, прогуглив что для этого есть второй вид клика, его я и использовал:
/* Events after clicking on edit button */
$("button[id^='editRow']").on('click', function () {
/* Get id of row */
var rowId = $(this).attr('id');
var newRowId = rowId.replace('edit', "save");
/* Change icon and style of button */
$(this).find('span').attr('class', 'glyphicon glyphicon-ok');
/* Set new id for saving data */
$(this).attr('id', newRowId);
});
/* Events after clicking on save button */
$("table").on('click', "[id^='saveRow']", function () {
$(this).find('span').attr('class', 'glyphicon glyphicon-pencil');
});
События клика срабатывает, но почему то два раза. Первый после присваивания нового id и второй после клика. Этого допускать нельзя, так как выйдет два раза сохранение в бд.
id
?