Есть такой код
$('a#div').click( function(event){
тут ajax запрос
тут добавление кода полученного на страницу из ответа ajax запроса
event.preventDefault();
});
в получено ответе есть элементы a#div
, но jQuery
их не видит
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуЕсть такой код
$('a#div').click( function(event){
тут ajax запрос
тут добавление кода полученного на страницу из ответа ajax запроса
event.preventDefault();
});
в получено ответе есть элементы a#div
, но jQuery
их не видит
Включаю телепата:
Чтобы навешивать события на только что созданные элементы, используйте .on()
Ваш доработанный пример:
$('a#div').on('click', function() {
//тут ajax-запрос
event.preventDefault();
});
Обновление:
jsFiddle автора
1) У вас функция remove_msg() принимает 4 аргумента, а вы передаете в нее 5.
2) Не понятно, зачем вам она вообще нужна? Вы хотели передать переменные в анонимную функцию? Можно сделать намного проще. (см. мой пример ниже)
3) Вы неправильно навешиваете свой обработчик событий на ссылку...
Вот исправленный и рабочий пример: jsFiddle
//Эти переменные будут видны внутри анонимной функции, привязанной к ссылке
var a_id = "remove_msg",
id_re = "data-id",
where = ".lt_im",
ajax_file = "removeMsg.php";
$('#message_holder').on('click', 'a#remove_msg', function () {
event.preventDefault();
var data_id = $(this).attr(id_re);
var last_id = $('a#' + a_id + ":last").attr(id_re);
//Тут ajax-запрос, возвращающий data
//..
//Эмулируем действие скрипта после ответа сервера
//Содержимое data тот же html-код, что и в верстке
//Меняется только имя пользователя
//data установлена для демонстрации
var data = '<div class="lt_im mess" data-id="388"><div class="mess_ots"><div class="lt"><a href="/~test"><img src="http://placehold.it/100x100"/></a></div><div class="overfl_hid"><span id="messTime">17:21, 16 Гру</span> <b><a href="/~test">'+randomUser()+'</a></b><span id="tGraySmall"> написал:</span><br/>Текст<br/><span id="like_c"><a href="#"><img src="https://cdn1.iconfinder.com/data/icons/icojoy/noshadow/standart/gif/24x24/001_18.gif"/> <b>1</b></a></span><div id="messSmall"><a id="remove_msg" data-id="388" href="#">Удалить</a></div></div><div class="clear"></div></div>';
//удалили нужный элемент
$(where + "[" + id_re + "=" + data_id + "]").remove();
//загрузили новый
$('#message_holder').append(data);
});
//Генерирует случайное имя пользователя. Только для наглядности.
function randomUser() {
var text = "";
var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
for( var i=0; i < 5; i++ )
text += possible.charAt(Math.floor(Math.random() * possible.length));
return text;
}
Обновление 2: jsFiddle
Изменения в верстке.
Было:
<div data-info="messMe" data-me="1">
Стало:
<div id="message_holder" data-info="messMe" data-me="1">
В скрипт внесены изменения для лучшей наглядности и добавлен нужный задавшему вопрос функционал. Спасибо @eicto за наводку.