Почему не срабатывает 2 раз on('click')?

[fonbaron]

Добрый день.
Почему при копировании в соседний блок содержимого, кодом приведенным ниже,

$('.select ul li a').on('click',function(){
				$(this).parents('.select').siblings('.select:first').html('<ul>'+$(this).parents('li').find('ul').html()+'</ul>');
				return false; 				
			})

он не отлавливает события из блока в который скопировал?

 

[shelestov]

Я так думаю новое содержимое незабиндено к странице, поэтому обработчик ничего не знает о нем.

 

[fonbaron]

как мне его забиндить?

 

[shelestov]

Посмотрите на bind().
Я сам грешен. Досих пор сижу на старой версии jQuery и юзаю live() для этих целей.
В последних версиях jQuery ее похерили.

 

[fonbaron]

Вот вот таже проблема

 

[shelestov]

Вообще правильней встявлять элементы через .add() или append().
Наверное тогда и забиндится все сразу.

$( "li" ).add( "p" ).css( "background-color", "red" );

 

[fonbaron]

Не помогло

 

[shelestov]

.live() is depreciated as of jQuery 1.7, it's currently still packaged in jQuery but it will be removed. You can however use .on() exactly like .live() like this: $(document).on('click', '[id^=updateVersionItem]', function () {...}).

Тоесть что то вроди:

$(document).on('click', '.myelement', function(){});

 

[fonbaron]

И что не так? Я не понимаю

 

[shelestov]

.on() навешиваем на документ, а вторым параметром указываем селектор

 

[fonbaron]

Хорошо попробую так

 

[fonbaron]

Да, работает. Спасибо!

 

[keltanas]

Навешивать событие на document не лучшим образом сказывается на производительности. Как и селекторы вида `.select ul li a`. Лучше навесить на какой-то более близкий контейнер для элементов, чем документ.
Например, попробуй так:

$('.select').on('click', 'a', function(event){});

Если ты не добавляешь динамически div.select, то все будет гуд. Если добавляешь, то навесь событие на контейнер, в котором они находятся.

ЗЫЖ селекторы - это как SQL - в теории все хорошо и красиво и можно строить четырех-этажные условия, а не деле чем проще запросы, тем лучше.

 

[A1x]

не поленитесь прочитать полностью эту страницу http://api.jquery.com/on/
особенно про разницу между Direct and delegated events

 

[WMix]

конечно же delegated events, on просто развернутый api