Почему не срабатывает событие, если элементы был добавлен appendTo?

Question

[Nathan Stark]

Доброго, господа !
codepen.io/NathanStark/pen/NqamXQ
Не хватает знаний решить проблему, после нажатия "добавить", на новых элементах не срабатывает события клик.
можете разъяснить почему так происходит и как с этим бороться ?

Answer 1

[Никита Борзенков]

Потому что на новые элементы не установлен обработчик события. Вам нужно слушать весь документ.

$(document).on('click', '[name="CheckDisc"]', function(){
  alert('asd');
});

Answer 2

[Сергей Мельников]

habrahabr.ru/post/70760
https://learn.javascript.ru/event-delegation

Answer 3

[Николай Зебрев]

Вывести функцию обработчика в отдельную переменную:

var clickFunction= function(){
  alert('asd');
}

И при добавлении добавлять обработчик :
.appendTo("#TablePay").on("click",clickFunction);

Comments

[Евгений Петров]

В регистрации должна быть ссылка на функцию, а не вызов.

[Николай Зебрев]

Мой косяк. Сначала написал правильно, потом исправил зачем-то.