觸發器不適用於在.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
})

小提琴