ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связать событие jquery со свежевставленными элементами страницы.
9 сообщений из 9, страница 1 из 1
связать событие jquery со свежевставленными элементами страницы.
    #38524053
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Коллеги, всем привет!
Возник небольшой запрос по поводу отработки событий на свежевставленные элементы на страницу hrml.

Есть запрос ajax, который выводить на текущую страницу элементы списка типа:

Код: html
1.
2.
3.
4.
<ul>
<li>Элемент 1</li>
<li>Элемент 2</li>
</ul>



Все отлично выводиться при помощи запроса ajax, в частности воспользовался таким методом:

Код: javascript
1.
2.
3.
.....
$("#div1").html(data);
....



Но вот потом не могу повесить на сгенеренные списки никакое событие. Понятно, что списки были вставлены, когда страница уже была загружена. Ну примеру вывести на событие нажатие элемента <li> сообщение "Тра та та" .
Не отрабатывает даже такая простенькая штука:

Код: javascript
1.
2.
3.
$('li').click(function(){
alert("Тратата");
});



Как зацепиться за элемент в коде, который был создан на странице уже после его загрузки/вставки?
...
Рейтинг: 0 / 0
13.01.2014, 11:53
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524068
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
Direct and delegated events
...
Рейтинг: 0 / 0
13.01.2014, 11:59
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524208
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Паганель,
Спасибо, хорошо, разобрался.
Но почему то триггеры а также метод .live() почему то не отображает все равно.

Вот к примеру применил событие

Код: javascript
1.
2.
3.
$('li').live('click', function(){
  alert('Вы нажали на элемент "LI"');
});



все равно не срабатывает, хотя и должно, потому что данный метод как понимаю работает как на созданные, так еще и не на созданные элементы DOM.
...
Рейтинг: 0 / 0
13.01.2014, 13:02
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524223
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Сергей Лалов, значит плохо разобрались.
Код: javascript
1.
2.
3.
4.
5.
$('#div1').on('click', 'li', onListItemClick);

function onListItemClick() {
  alert('Вы нажали на элемент "LI"');
}
...
Рейтинг: 0 / 0
13.01.2014, 13:09
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524224
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Паганель
Участник
да нормально Ваш код работает
http://jsfiddle.net/FW34d/
...
Рейтинг: 0 / 0
13.01.2014, 13:11
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524257
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Паганель,
По всей видимости библиотека отвалилась с JQ. Сейчас посмотрим.
...
Рейтинг: 0 / 0
13.01.2014, 13:30
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524313
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
Паганель,
Да, спасибо большое за пример! Проблема была в кодировке библиотеки jquery.
...
Рейтинг: 0 / 0
13.01.2014, 13:58
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524362
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
Сергей Лалов, обратите внимание, что .live() является depricated. Используйте .on(), как это рекомендуется в документации.
...
Рейтинг: 0 / 0
13.01.2014, 14:22
| Ответить | Цитировать | Написать  
связать событие jquery со свежевставленными элементами страницы.
    #38524423
Фотография Сергей Лалов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Сергей Лалов
Участник
skyANA,
Да, спасибо, я так и сделал.
...
Рейтинг: 0 / 0
13.01.2014, 14:57
| Ответить | Цитировать | Написать  
9 сообщений из 9, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связать событие jquery со свежевставленными элементами страницы.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38524053&tid=1447488]:
 0ms
get settings:
 11ms
get forum list:
 18ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 179ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 1ms
others: 242ms
total:  532ms
созд. / загр.: 532ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]