单击不处理新插入的图元的事件

Click event not working on new inserted element

本文关键字：图元 事件 插入 处理 新插入 单击      更新时间：2023-09-26

HTML:

<div>
  <ol class='addmenow'>
  </ol>
</div>

jQuery:

$('.item').click(function(){
  $('.addmenow').append("<li class='removemenow'>" +  " " + ($(this).attr('data-value')) + "  </li>")
 })

我不能让这个工作：

<script>
  $('.removemenow').click(function(){
    alert('hello')
  })
</script>

这是因为每个li元素都是在DOM已经加载之后添加的吗？因此，click事件中的".removemenow"本质上是未定义的？控制台中没有任何错误。其想法是能够将li元素添加到div中，并在单击时将其移除。

任何见解都会有所帮助！

感谢

 $('.addmenow').on('click', '.removemenow', function(e){
    alert('hello');
    e.preventDefault();
 });

对动态创建的元素使用事件委派方法。

相关文章：