Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.07.2012, 17:34
Интересующийся
Отправить личное сообщение для GTAlex Посмотреть профиль Найти все сообщения от GTAlex
 
Регистрация: 09.07.2012
Сообщений: 28

$().click(function() не отрабатывает на добавленный программно элемент
Собственно есть обработчик
$('.g-filter td ul li').click(function(){ ... }
если элемент .g-filter td ul li добавить программно - на нём почему-то метод .click(function() не отрабатывает

http://www.klimatikum.ru/gt/filt2.html
тут элемент добавлял через append
$('#gtype').append('<li class="" rel="8816">Test</li>');

http://www.klimatikum.ru/gt/filt.html

а тут список добавил через .html()
$('#gtype').html('<li class="" rel="">ВСЕ</li><li>....</li>....<li>....</li>');

на всём добавленном программно - клик не отрабатывает

при выборе МОДЕЛЬНОГО РЯДА должен меняться ТИП (далее при выборе ТИПа будет меняться СЕРИЯ)
это будет подгрузкой через Ajax ... но я даже без Ajax-a не могу разобраться почему клик перестаёт работать

Последний раз редактировалось GTAlex, 09.07.2012 в 17:37.
Ответить с цитированием
  #2 (permalink)  
Старый 09.07.2012, 17:45
Аватар для vadim5june
Студент
Отправить личное сообщение для vadim5june Посмотреть профиль Найти все сообщения от vadim5june
 
Регистрация: 30.04.2012
Сообщений: 1,113

нужно использовать live
$(".g-filter td ul li").live("click", function(){ alert("Goodbye!"); });
как написал ниже devote live считается устаревшим

Последний раз редактировалось vadim5june, 09.07.2012 в 17:59.
Ответить с цитированием
  #3 (permalink)  
Старый 09.07.2012, 17:48
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

Сообщение от vadim5june
нужно использовать live
live устаревший метод, и будет удален. Использовать нужно .on()
$(document).on("click", ".g-filter td ul li", function(){ alert("Goodbye!"); });
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine

Последний раз редактировалось devote, 09.07.2012 в 17:51.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Drag-n-Drop - перетянуть элемент Jugo ExtJS 1 10.08.2011 19:10