JS на добавленных блоках?

Question

[Just OK]

Здравствуйте.
У меня такая проблема.
Я добавляю блок с помощью JQuery append.
Как мне сделать так, чтобы на добавленных элементах работал уже готовый JQuery код?
Т.е. на элементах добавленных с помощью PHP при загрузке страницы он работает, а на добавленные с помощью JQuery уже нет.

Answer 1

[Immortal_pony]

Вешайте обработчик события на существующий элемент.
Вместо

$('.dynamic-element').on('something',  function(ev){ ... })

используйте

$(document).on('something', '.dynamic-element', function(ev){ ... })

$(document) - это стопроцентный вариант. Если есть какой-то другйо гарантированно существующий элемент поближе к нужному, то лучше на него повесить. Например:

$('.my-form').on('something', '.dynamic-element', function(ev){ ... })

Comments

[Just OK]

Я вешаю через бинд.
Тобишь

$(block).bind('click',function(){
 //Действия
});

[Gran Torino]

Олег Калимбах, ну так обработчики не могут быть навешаны на не существующие елемементы, что не понятно то? Тебе два примера привели, как это обходится через навешивание события на всегда существующего родителя.

[Антон]

Олег Калимбах, bind устарел, используйте on(). В Вашем случае следует так:

$('body').on('click', block, function () {
    //Действия
});

Как писал автор ответа, если есть блок поближе (который будет всегда вне append), то вместо body используйте его.

[Just OK]

Gran Torino, Все, помогло. Спасибо)

[Gip]

"$(document) - это стопроцентный вариант" - который потом принесет тебе три тонны и vb-script геммороя

[Immortal_pony]

Giperoglif, пожалуйста, развейте свою мысль и опишите подробно, к каким проблемам это может привести. И уточните причем здесь vb

Answer 2

[lamer350]

К сожалению мы не можем угадать какие вы манипуляции пытаетесь произвести над блоками после вставки.
Потому я первый выстрелю в небо:
Если вы пытаетесь отследить какое либо событие блока (click, change и тп) то вместо:
$( "#id-block" ).on( "click", function() { ... });
нужно использовать

$( "body" ).on( "click", "#id-block", function() { ... });

Comments

[Just OK]

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

newblock = '<li class="item"><div class="item_img"><img src="/'+item['imageLink']+'" alt="'+item['name']+'"></div><p>'+item['category']+'</p><p>'+item['name']+'</p><h3>'+item['price']+'</h3><button class="buy-item">Купить</button></li>';
$(parent).append(newblock);

[lamer350]

Олег Калимбах, ну видите мы оба выстрелили в нужном направлении, вам остальность изменить ваш давно забытый bind на .on() с описанные способом выше

[Just OK]

lamer350, Хорошо, спасибо большое.