События для динамически добавленных элементов

@|VoroN| · Регистрация: 24.04.2011

Студворк — интернет-сервис помощи студентам

Всем доброго дня (ночи, утра, вечера). Столкнулся с такой проблемой, имеется функция выполняющая ajax запрос и возвращающая несколько элементов, среди которых элементы span с классом m_login. Нужно повесить на них событие click, по которому, текст текущего span, будет перемещен в инпут с именем s_login. Такую функцию я реализовал... и она даже работает)) Но событие выполняется, только когда я описываю его в функции обратного вызова ajax запроса. Если я перемещаю событие в глобальное пространство - оно перестает работать. Т.е, вот так работает:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 function loadUserPosts(animation){
   var animate = animation || false;
   //Запуск анимации
   animate ? startLoadAnimation() : $.noop();
   $.post(
     "tools/load_messages.php",
     {
       sender: sender,
       where: "post"  //Метка - полученные(get) или отправленные(post) 
     },
     function(data)
     {
       if(data == '0')
                return false;
       else 
       {
         $(".my_send").html(data);
         //Выключение анимации
         animate ? stopLoadAnimation() : $.noop();
         //!!!!!!!!То самое, проблемное событие!!!!!!!!!
         $(".m_login").on("click", function(){
             $("[name = s_login]").val($(this).text());
         });
       } 
     },
     "html"
   );
 }

А вот так, уже нет:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
function loadUserPosts(animation){
   var animate = animation || false;
   //Запуск анимации
   animate ? startLoadAnimation() : $.noop();
   $.post(
     "tools/load_messages.php",
     {
       sender: sender,
       where: "post"  //Метка - полученные(get) или отправленные(post) 
     },
     function(data)
     {
       if(data == '0')
                return false;
       else 
       {
         $(".my_send").html(data);
         //Выключение анимации
         animate ? stopLoadAnimation() : $.noop();
       } 
     },
     "html"
   );
 }
 
//!!!!!!!!То самое, проблемное событие!!!!!!!!!
 $(".m_login").on("click", function(){
     $("[name = s_login]").val($(this).text());
 });

Подскажите пожалуйста, как заставить работать это событие из глобального пространства.

@Markus_13 · 27.08.2014, 12:23

Не понимаю зачем, но если сильно надо, то такие штуки как правило делаются так:

JavaScript
1
2
3
4
5
$(document).ready(function(){
    $(".my_send").on("click", ".m_login", function(){
        $("[name=s_login]").val($(this).text());
    });
});

Если я правильно разобрал ваш код))

@|VoroN| · 27.08.2014, 12:42 **[ТС]**

Не, я тоже привязку пробовал делать, но все равно не работает.

Не понимаю зачем, но если сильно надо

Просто вышеприведенный ajax запрос не единственный который выводит подобные элементы, а к ним тоже нужно привязать это событие. Распихивание этой функции в каждом каллбэке ajax запроса - дублирование кода (хоть и малого), что ни есть хорошо)

@Markus_13 · 27.08.2014, 12:56

Должно работать:
http://jsfiddle.net/Markus_13/j1vzo3q6/

@|VoroN| · 27.08.2014, 14:05 **[ТС]**

О, спасибочки, навели на мысль, скачал и подключил jquery версии 1.x как в примере и все странным образом заработало, до этого была подключена 2.x. Прикольно, я то думал с каждой новой версией, фреймворк должен улучшаться)

@Markus_13 · 27.08.2014, 14:27

Возможно что-то поменяли в 2.х, я как перешел на 1.8.3, так и сижу на ней))

Новые блоги и статьи Все статьи Все блоги /
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .

@Markus_13 {c0Der} 138 / 123 / 18 Регистрация: 20.02.2009 Сообщений: 434 Записей в блоге: 4
	27.08.2014, 12:56
	Сообщение было отмечено \|VoroN\| как решение Решение Должно работать: http://jsfiddle.net/Markus_13/j1vzo3q6/ 1

@\|VoroN\| 13 / 13 / 11 Регистрация: 24.04.2011 Сообщений: 109
	27.08.2014, 14:05 [ТС]
	О, спасибочки, навели на мысль, скачал и подключил jquery версии 1.x как в примере и все странным образом заработало, до этого была подключена 2.x. Прикольно, я то думал с каждой новой версией, фреймворк должен улучшаться) 0

@Markus_13 {c0Der} 138 / 123 / 18 Регистрация: 20.02.2009 Сообщений: 434 Записей в блоге: 4
	27.08.2014, 14:27
	Возможно что-то поменяли в 2.х, я как перешел на 1.8.3, так и сижу на ней)) 0

События для динамически добавленных элементов

Решение