помогите разобраться в ajax

php JavaScript веб дизайн AJAX

есть такой вот код
$(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);
},

});

});
});
первый запрос добавляет элемент в котором есть кнопка на удаление, второй запрос как раз привязан к этой кнопке. Но при генерации элемента и при нажатии на кнопку удалить, второй запрос не работает, если страничку перезагрузить то кнопка удаления срабатывает нормально. Где может быть проблема?
Ответы:
попробуйте заменить для $('del)  click() на live() или даже лучше on()
подробности смотрите в документации
live() уже устарел на новом jq бьет ошибку  используй  on()
$('#add').on( "click", function() {
нужно использовать on,
но с умом - вешаться ВСЕГДА, в любой версии jQuery нужно на уже существующий элемент,
но неископаемые версии библиотеки поддерживают вызов с указанием динамического селектора:


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.