Javascript .on（单击，函数）不适用于动态添加的内容

My dynamic posts由.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>

---

我一直在尝试不同的选择器，并从其他人那里回顾类似的问题，但似乎仍然无法让它工作。非常感谢您的帮助：）

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

---

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

---

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

---

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

---

何时调用-您应该使用

.delegate

@DanielA.White

.delegate（）

已弃用，

.on（）

具有完全相同的功能。何时调用-您应该使用

.delegate

@DanielA.White

.delegate（）

已弃用，

.on（）

具有完全相同的功能。何时调用该功能-您应该使用

。delegate

@DanielA.White

.delegate（）

已弃用，

.on（）

具有完全相同的功能。何时调用该功能-您应该使用

。delegate

@DanielA.White

。delegate（）

已弃用，

.on（）

具有完全相同的功能。这非常有效。。我只真正使用过.click（），我正试图将我的头绕在.on（）上。。。我想我现在理解了您输入它的方式，我告诉jQuery从文档开始查找“.closer”，因为它原来不在那里，所以以前在那里找不到任何东西。非常感谢！这很有效。。我只真正使用过.click（），我正试图将我的头绕在.on（）上。。。我想我现在理解了您输入它的方式，我告诉jQuery从文档开始查找“.closer”，因为它原来不在那里，所以以前在那里找不到任何东西。非常感谢！这很有效。。我只真正使用过.click（），我正试图将我的头绕在.on（）上。。。我想我现在理解了您输入它的方式，我告诉jQuery从文档开始查找“.closer”，因为它原来不在那里，所以以前在那里找不到任何东西。非常感谢！这很有效。。我只真正使用过.click（），我正试图将我的头绕在.on（）上。。。我想我现在理解了您输入它的方式，我告诉jQuery从文档开始查找“.closer”，因为它原来不在那里，所以以前在那里找不到任何东西。非常感谢！

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

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