Jquery помощь в разработке

[SeniorLemon]

Передо мной стоит задача добавления и удаления элементов. С добавлением ничего сложного нет код примерно такой:

$('.class').click(function(){

  $(this).item_to_clon.clone().appendTo(place_to_clon);

});

При клике на "class" мы клонируем какой то элемент. Пусть элемент будет такой:

<div>

  some tags...
  <a class="delete"></a>

</div>

Дальше для удаления логично написать:

$('.delete').click(function(){

  $(this).parent().remove();

}) ;  

Тоесть после клика мы удаляем обертку "delete" div со всем содержимым.

Так вот проблема вот в чем. Данное удаление правильно лишь для тех элементов которые были созданы при изначально. Но когда мы их динамически добавляем скрипт ново-добавленные элементы не видит. Есть ли какой то способ заставить скрипт обрабатывать динамически добавленные элементы? Что то наподобие

$(document).ready()

только какой-нибудь

$(document).change()

Заранее говорю что на jquery.com был, искал, но не нашел, может не там искал хз.

[lexxcode]

Привязывайте события через

$(document).on('click', '.class', function(){
    // some code....
});

примечание доступно с jQuery 1.7+

p.s. Привет Николаеву

[SeniorLemon]

Привязывайте события через

$(document).on('click', '.class', function(){
    // some code....
});

примечание доступно с jQuery 1.7+

p.s. Привет Николаеву

Хорошо. С вопросом уже сам разобрался, пока была премодерация . Используя live()

Конструкция с delete выглядит теперь

$('.delete').live('click', function(event){

 $(this).parent().remove();

}) ;

Edited May 31, 2012 by SeniorLemon

[lexxcode]

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

[buddah]

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

on не всегда и не везде работает, live как-то надёжней.

[lexxcode]

Пример, когда on не работает, пожалуйста)

Я как-то ни разу не сталкивался с этим. Раньше так же и про live говорили, и подтверждения этому я тоже как-то не видел.

И говорили, мол запись типа

$(function(){
// some code
});

не работает, а нужно писать только

$(document).ready(function(){
// some code
});

Хотя первое, всего навсего сокращенная форма второго.

[buddah]

alexriz, у меня нету многолетнего стажа работы с jQuery, не всегда можно внятно объяснить все нюансы работы библиотеки. В последнем проекте не работал on в ситуации когда надо было на лету "перерисовывать" слайдер. Нужны были зависимости между

а) большими картинками

б) маленькими превьюшками

в) еще одними маленькими превьюшками только что загруженных пользователем картинок, порядок которых можно было менять как угодно. Автоматически меняется порядок следования картинок в слайдере.

Возможно я чего-то недопонял, но там сработало именно live.

[mishka]

http://jsfiddle.net/UC7ac/11/

live отработает и с сгенерированным блоком, и с загруженным аяксом, и с клонированным.

[lexxcode]

ну так и on тоже отработает...

[buddah]

ну так и on тоже отработает...

не сработает. Поиграйсья с примером выше

[lexxcode]

Все там работает, использовать правильно нужно http://jsfiddle.net/alexriz/UC7ac/17/

[mishka]

Во, спасибо.

Если версия джквери 1.7 и выше, то лучше юзать on. Так как в них live всеравно будет через on работать.

Ну а если ниже, то live