javascript - 无法使用 JavaScript 创建的 fadeOut 元素

Question

我试图让圆角矩形在点击时淡出..有人知道为什么它不起作用吗？如果你去小提琴，点击“+”图标，输入一个十六进制代码，然后使用右上角的“x”退出，并尝试点击带有颜色的圆角矩形，它不会淡出. 该元素显然是用js创建的。

http://jsfiddle.net/DmYny/1/

这是不想工作的代码::

$('.color').on('click', function(){
            $(this).fadeOut(300);
        });

Answer 1

您的点击处理程序适用于在您运行 jQuery 函数时存在的所有匹配元素。如果您在此之后使用.color该类创建一个新框，那么它将不会应用处理程序。

尝试这个：

$('body').on('click','.color', function(){
        $(this).fadeOut(300);
    });

这将从body元素委托处理程序。这不是委托的最佳位置 - 您可能希望从更靠近受影响元素的某个容器进行委托。