Как добиться корректной работы обработчиков после метода .clone?

Question

[Антон Manevant]

Приветствую.
Имеется код JS

$('.next').click(function(){
                next = $(this);
                for (var i = 0; i < 10; i++){
                    next.clone().insertAfter($(this));
                };

Задача кода - клонировать и вставлять элемент после себя 10 раз. Это работает. Но после клонирования, при нажатии на новый (клонированный элемент) действие обработчика .click по классу ".next" не происходит. Хотя если нажать на родительский(оригинальный элемент) то клонирование произойдет вновь, и к уже имеющимся 10 добавит еще 10. Подскажите, почему?

Answer 1

[Сергей Протько]

.clone насколько я помню принимает аргумент, указывающий копировать обработчик событий или нет. Выставьте в true.

А вообще стоит задуматься об использовании delegate.

Comments

[Антон Manevant]

Действительно, просмотрел, черным по белому описаны эти атрибуты. Спасибо!