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

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

为什么？

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

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

<强> DEMO