Подскажите, пожалуйста, как организуются обработчики событий, на данные, получаемые динамически?
Пример, с чем я столкнулся:
Сначала на страничку выводится табличка, хранящаяся в БД. После каждого ряда есть кнопочка "удалить" (рисунок). К этому рисунку я вешаю обработчик:
$(".delete_img").each(function(){
$(this).hover(
function(){
$(this).attr("src","images/delete_red.gif");
},
function(){
$(this).attr("src","images/delete_grey.gif");
});
$(this).click(function(){
if (confirm("Вы действительно хотите удалить эту запись?"))
$.get("ajax.php",{request: "history",action: "delete_row", row: this.alt},
function(data){
$("#history_container").html(data); // возвращаю мою табличку
});
});
});
Все идеально - картинка по наведению меняется, после нажатия я удаляю нужный ряд. НО: после ajax-запроса у меня не работает ни один обработчик... Каким образом организуются подобные запросы, чтобы работали обработчики? Писать onclick на каждом рисунке мне кажется не выходом....