Приветствую, имеется следующий код:
$(".btn-sm").on('click', function(event) {
$(this).addClass('delete');
$.ajax ({
type: "POST",
cache: false,
url: "delete.php",
data: 'name=' + $('.delete').attr('name'),
beforeSend: function() {
$(".delete").html("Удаляется..");
},
success: function() {
$(".delete").parent('p').remove();
}
});
event.preventDefault();
});
<div class="users-box">
<p>Пользователь 1 <button class="btn-sm" name="1">Удалить</button></p>
<p>Пользователь 2 <button class="btn-sm" name="2">Удалить</button></p>
<p>Пользователь 3<button class="btn-sm" name="3">Удалить</button></p>
</div>
<div><button class="btn btn-primary reload">Обновить данные</button></div>
Есть некий список пользователей с кнопками "Удалить", список появляется на сайте посредством AJAX (по нажатию на кнопку "Обновить данные"). Проблема заключается в том, что кнопки "Удалить" на клик не отзываются, а если данные выводить напрямую (т.е. тупо прописать в html, а не вытягивать их аяксом), то все работает.
В чем проблема? Где я не прав?
С уважением.
