Комментарии к записи: Обработка событий для элементов DOM, загружаемых через ajax.

Автор: Gennady

Gennady — Tue, 26 Jan 2010 07:28:00 +0000

Давайте так сделаем... Комментов уже много к статье - я обсуждение закрываю. Ваш вопрос продублирую на форуме, где и дам Вам пример.

Автор: posta

posta — Tue, 26 Jan 2010 05:00:36 +0000

Статья хороша, примеров в комментах достаточно, но не нашел такой банальной ситуации, как следующая:
нажимаем на кнопку – загружается страница в определенный див. Как загрузилась – раскрывается тоглом.
При закрытии – этого дива – он очищается.
Не могу правильно написать код. помогите. Пока что код как и на открытие и на закрытие – загружает аякс.
$(«#demo»).click(function() {
$.ajax({
url: «form_contacts.php»,
beforeSend: function(){
$(«#demo_progress»).css(«display»,»inline»);
},
success: function(answ){
$(«#demo_progress»).fadeOut(500);
$(«#demo_form»).html(answ).toggle(«fast»);
}
});
});

Автор: Igor

Igor — Tue, 12 Jan 2010 10:39:17 +0000

Спасибо за статью и отзыв с описанием live()

Автор: AlexKh

AlexKh — Fri, 18 Dec 2009 10:11:44 +0000

Прочитал эту тему, чувствую что копать надо в этом направлении. Но все равно не получается.
Нужно реализовать автозаполнение в подгружаемом ajax-ом окне. На самой странице автозаполнение работает в модальном окне нет.
Этой конструкцией
$(document).ready(function(){
$(‘#citi’).live(«keyup», function(){
alert($(this).attr(‘value’));
});
}
удалось назначить событие на подгружаемый select.

Как спомощью live или другим какм способом
рализовать такую конструкцию?
$(document).ready(function(){
$(‘#citi’).autocomplete(cities);
}
помогите пожалуйста уже третий день мучаюсь.

Автор: Gennady

Gennady — Fri, 11 Dec 2009 19:43:55 +0000

myVar = $(this);

Сергей, всю переписку выше удаляю, поскольку для читателей отследить логику вопросов-ответов становится довольно затруднительно и может привести к неверным выводам….
Если хотите пример – высылайте html-разметку, четко опишите, что надо. Выберу немного времени – напишу обработчики. По примеру думаю все сразу поймете.

Автор: Сергей

Сергей — Fri, 11 Dec 2009 11:44:32 +0000

… Я вас еще потерроризирую чуть чуть по смежным темам ?))

в этом коде

$(”.events_chck”).each(function() {
$(this).find(”input”).change(function() {
alert(this);
});
});

я могу как-то запомнить текущий объект .events_chck ?
на месте алерта мне нужно к нему обращаться, а this, понятно, уже от find изменился…
простое myVar = this при выводе пишет undefined, значит как-то по-другому нужно..
просто не рационально потом изнутри функции делать поиски родителей… да и тем более там класс одинаковый. Что посоветуете?

Автор: Gennady

Gennady — Fri, 11 Dec 2009 11:11:50 +0000

Сергей, указанное в селекторе выражение, т.е.

$(#events_chck)......

выберет один-единственный элемент, тот у которого есть атрибут id=»events_chck». Если же таких элементов окажется много (а это неправильно! он должен быть уникальным в пределах веб-страницы), тогда будет выбран первый, встретившийся в html-разметке.
Вам бы надо почитать про селекторы jQuery – это очень важная часть и если ее хорошо не понимать, можно столкнуться с трудностями

Автор: Gennady

Gennady — Fri, 11 Dec 2009 06:27:52 +0000

To Сергей:
на Ваш вопрос выше – я не сталкивался c друпалом….
А что касается последнего вопроса – я Вам описал схему как это делается, т.е. как правильно навесить обработчики событий на множество элементов – сначала выбрать все, а потом вешать события на элементы набора, обходя их специально для этого и предназначенным методом each.
Не думаю, что движок тут принципиально при чем-то. Он разве что на уровне подключения библиотеки может скажем, не понять пути и т.д. А у Вас, имхо, чистая методика…

Автор: Сергей

Сергей — Thu, 10 Dec 2009 20:46:59 +0000

а вот если так опишу проблему:
есть куча форм, добавляющихся динамически по событию.
я пытаюсь прописать в яваскрипте цикл от 1 до N, который будет прописывать всем $(«#элемент»+i).change() вложенные условия.
Такая схема почему-то не работает.. Вернее все динамически добавленные элементы совершают действия не на свои дивы, а на последний добавленный элемент. Предположил, что возможно нужно делать другим способом: например, в тело какого-то элемента засовывать с моими .change()
т.е. чтобы мои функции прописывались непосредственно в код…
… все описанное = исключительно доводы, полученные в процессе страданий с jquery+drupal

Автор: Gennady

Gennady — Thu, 10 Dec 2009 18:30:29 +0000

Ну, ошибки бывают не только в синтаксисе, но и в логике например.
Может не отрабатывать при наличии обработчика onload на body, такое тоже бывает…