Question

一旦<input>字段发生变化，我会动态添加一些HTML。当我点击<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

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

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

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

1 个答案: