Javascript 在动态创建的对象上加载jquery行为

我有如下结构的元素：

<ul>
    <li>
        <div class="tag_name">Tag Name</div>
        <div class="delete">X</div>
    </li>
    <li>
        <!-- and so long... -->
    </li>
</ul>

标签名
X

在jQuery中，我有一个

$（'.delete'）。单击
$（document）.ready（）
上的函数（）

，删除父

元素。我还有一个用于添加

元素的函数，在这些元素上，remove函数不起作用。如何在动态生成的元素上激活javascript（jQuery）函数？

使用委托：

$('ul').on('click', '.delete', function(){
   //...
});

一旦UL在DOM中可用，就设置它，或者只将其包装在文档就绪处理程序中。

使用委派：

$('ul').on('click', '.delete', function(){
   //...
});

---

一旦UL在DOM中可用，就设置它，或者只将它包装在文档就绪处理程序中。

您需要知道它的重要性

事件委派允许我们将单个事件侦听器附加到 父元素，将为与选择器匹配的所有子元素激发， 这些子项是现在存在的还是将来添加的

就你而言：

$('ul').on('click', '.delete', function(){
    $(this).remove();
});

---

你需要知道工作的重要性

事件委派允许我们将单个事件侦听器附加到 父元素，将为与选择器匹配的所有子元素激发， 这些子项是现在存在的还是将来添加的

就你而言：

$('ul').on('click', '.delete', function(){
    $(this).remove();
});

可能的重复可能的重复