触发器不适用于在.change jQuery上添加的动态内容

Question

一旦更改了<input>字段，我会动态添加一些HTML。 当我单击<a href="" class="js-remove-item">链接时，我想删除该项目。 但是，该链接的触发没有发生。

我尝试将<input>的类名.tvshow添加到数据处理程序中，如下所示：

由此：

$('.js-remove-item').on('click touchstart', function() {

对此：

$('.js-remove-item').on('click touchstart', '.tvshow', function() {

但是，它不起作用。 到底是怎么回事？

查看演示： http : //jsfiddle.net/7tGCh/ （尝试在输入中输入内容并对其进行模糊处理，然后单击链接以删除该项目）

Answer 1

该元素是动态插入的，因此您需要委派事件：

$('.container__list-of-movies').on('click touchstart', '.js-remove-item', function() {
  $(this).parent().addClass('remove-tv-show');
  window.setTimeout(function() {$('.remove-tv-show').remove();}, 500);

  alert('removing');
  return false
})

小提琴