jquery one on()而不是bind()和live()

Question

我需要处理静态创建和动态创建元素的事件。静态创建元素的解决方案是：

$(".js-tag-close").on("click", function ()
{
   $(this).parent().remove();
});

对于创建的动态：

$(".custom-tags-selector").on("click", ".js-tag-close", function ()
{
    $(this).parent().remove();
});

如何在一个on（）中处理这两种情况？

提前感谢。。。

Answer 1

第二种方法适用于静态元素和动态元素。

为什么？

因为您将事件处理程序的执行委托给容器.custom-tags-selector。只要单击了指定选择器.js-tag-close有效的任何子代，无论它已经存在还是动态添加，都将执行该处理程序。

唯一的条件是，当您的代码运行时，您委托的容器存在于DOM中。

DEMO