Вопрос по работе ajax?

Question

[IvanOne]

Есть такой вот код:

$(document).ready(function() {

$('#add').click(function() {
if($('#group').val()==='')
{
alert('Введите название!');
return false;
}
var group=$('#group').val();

$.ajax({
type:"get",
url:"addGroup.php?data="+group,
datatype:"html",
success:function(response){
$('#groups').append(response);
$('#group').val("");
},
error:function (xhr, ajaxOptions, thrownError){
//выводим ошибку
alert(thrownError);
}

});
});

$('.del').click(function(){
var buttonId=this.id;
$.ajax({
type:"get",
url:"delGroup.php?id="+buttonId,
datatype:"html",
success:function(){
$("#cont"+buttonId).fadeOut(200);
},

});

});
});

Первый запрос добавляет элемент в котором есть кнопка на удаление, второй запрос как раз привязан к этой кнопке. Но при генерации элемента и при нажатии на кнопку удалить, второй запрос не работает, если страничку перезагрузить то кнопка удаления срабатывает нормально. Где может быть проблема?

Answer 1

[Николай Васильчук]

Смотрите на .on и .delegate

Comments

[Александр Зеленин]

на обе?

[Николай Васильчук]

Вдумчиво смотрите на обе и поймете которую из них можно использовать

Answer 2

[IvanOne]

сделал с помощью on, благодарю!