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

Question

我动态附加一些 HTML，一次 <input>字段发生了变化。当我点击<a href="" class="js-remove-item">时链接 我想删除该项目。然而该链接的触发器并未发生。

我尝试添加类名 .tvshow <input>的像这样的数据处理程序:

从此:

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

对此:

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

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

查看演示:http://jsfiddle.net/7tGCh/ (尝试在输入中输入一些内容并将其模糊，然后单击链接以删除该项目)

Answer 1

该元素是动态插入的，因此您需要委托(delegate)事件:

$('.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
})

FIDDLE