。对（点击，功能）不工作的动态添加内容

Question

我的动态职位由.load（添加），他们进入DOM这样：

<div class="post"> 
    <h2>Basic Info</h2><button class="closer">X</button> 
      <div class="innerPost"> 
       <h5>Notes:</h5> 
        <p>Lorem ipsum dolor sit amet.</p> 
      </div> 
</div> 

我的jQuery来删除帖子上工作页面上的静态第一个帖子，但不是新添加的动态页面。这里是jQuery的：

 $(".closer").on('click', function() { 
     $(this).parent().remove(); 
    }); 

我一直在尝试不同的选择和审查其他人的类似问题，但似乎仍不能得到它的工作。任何帮助非常感谢:)

Answer 1

这是因为当选择器运行时元素不在DOM中。使用event delegation.

$(document).on('click', ".closer", function() { 
    $(this).parent().remove(); 
});