меняю содержимое внутри тэга, где присутствует кнопка. Кнопка генерирует новое содержимое для тега. Получается один раз нажать на кнопку "сгенерировать", но после того как обновляю содержимое внутри тега (в том числе и кнопку), кнопка перестает работать. Заранее извиняюсь если плохо объяснился, вот код:
<table cellspacing="0">
<tr>
<th>Поле</th>
<th>Код</th>
</tr>
<tr class="users_row">
<td>Тест1</td>
<td>345234<input type="button" class="button_gen" value="Генерировать" /></td>
</tr>
<tr class="users_row">
<td>Тест2</td>
<td>433424<input type="button" class="button_gen" value="Генерировать" /></td>
</tr>
</table>
$(document).ready(function() {
function randomInteger(min=100000, max=999999) {
var rand = min - 0.5 + Math.random() * (max - min + 1)
rand = Math.round(rand);
return rand;
}
$(".button_gen").click(function() {
var clickId = $(this).parent().parent().index()-1;
var line = $(this);
var current_line = line.parents().eq(0).html();
var pin = randomInteger();
line.parents().eq(0).html(pin + '<input type="button" class="button_gen" value="Генерировать" />');
});
});
http://jsfiddle.net/0s9otdgn/1/ Натолкните на мысль, как реализовать правильно. Заранее спасибо
$(selector).on(...)