0

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

$('a#div').click( function(event){

тут ajax запрос

тут добавление кода полученного на страницу из ответа ajax запроса

  event.preventDefault();
});

в получено ответе есть элементы a#div, но jQuery их не видит

9
  • А я то думал, что плохо пишу, а нет.
    – RubaXa
    19 дек 2013 в 17:32
  • в каком смысле ? не понятно? или код?
    – M11
    19 дек 2013 в 17:34
  • @MaxGrim не по-русски. да и код покажите, что там у вас не получается, в DOM само по себе ниче не попадает :)
    – zb'
    19 дек 2013 в 17:51
  • @eicto так лучше?
    – M11
    19 дек 2013 в 17:57
  • 1
    нет не лучше, jsfiddle, вот там пример сделайте. хотя-бы полурабочий вот пример как там делать $.post() пожалуйста, продемонстрируйте свою проблему.
    – zb'
    19 дек 2013 в 18:07

1 ответ 1

0

Включаю телепата:
Чтобы навешивать события на только что созданные элементы, используйте .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 за наводку.

10
  • ага, тоже об этом подумал... тока нельзя делать одинаковые id в одном документе. и это... может ему скорее надо $(document).on('click','a#div',handler) ?
    – zb'
    19 дек 2013 в 18:11
  • @VenZell .on() ничего не дал, именно так я и пробывал
    – M11
    19 дек 2013 в 18:14
  • @eicto а как это можно прикрутить к моему примеру jsfiddle.net/wmQTZ
    – M11
    19 дек 2013 в 18:26
  • @MaxGrim у вас не пример а какашка извиняюсь.
    – zb'
    19 дек 2013 в 18:49
  • @eicto а что там не так? там все есть основное кроме того что не добавляет сообщение потому что неоткуда , тем более сайт на денвере
    – M11
    19 дек 2013 в 18:50

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.