Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связать событие jquery со свежевставленными элементами страницы. / 9 сообщений из 9, страница 1 из 1
13.01.2014, 11:53
    #38524053
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
Коллеги, всем привет!
Возник небольшой запрос по поводу отработки событий на свежевставленные элементы на страницу 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:59
    #38524068
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
...
Рейтинг: 0 / 0
13.01.2014, 13:02
    #38524208
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
Паганель,
Спасибо, хорошо, разобрался.
Но почему то триггеры а также метод .live() почему то не отображает все равно.

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

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



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

function onListItemClick() {
  alert('Вы нажали на элемент "LI"');
}
...
Рейтинг: 0 / 0
13.01.2014, 13:11
    #38524224
Паганель
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
да нормально Ваш код работает
http://jsfiddle.net/FW34d/
...
Рейтинг: 0 / 0
13.01.2014, 13:30
    #38524257
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
Паганель,
По всей видимости библиотека отвалилась с JQ. Сейчас посмотрим.
...
Рейтинг: 0 / 0
13.01.2014, 13:58
    #38524313
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
Паганель,
Да, спасибо большое за пример! Проблема была в кодировке библиотеки jquery.
...
Рейтинг: 0 / 0
13.01.2014, 14:22
    #38524362
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
Сергей Лалов, обратите внимание, что .live() является depricated. Используйте .on(), как это рекомендуется в документации.
...
Рейтинг: 0 / 0
13.01.2014, 14:57
    #38524423
Сергей Лалов
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
связать событие jquery со свежевставленными элементами страницы.
skyANA,
Да, спасибо, я так и сделал.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / связать событие jquery со свежевставленными элементами страницы. / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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