.on（单击，功能）不适用于动态添加的内容

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();
});