Can'；使用JavaScript创建的t淡出元素

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

这是不想工作的代码：：

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

---

单击处理程序应用于运行jQuery函数时存在的所有匹配元素。如果在此之后使用

.color

类创建一个新框，则不会应用处理程序

试试这个：

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

---

它将从

主体

元素委派处理程序。这不是进行委派的最佳地点-您可能希望从更靠近受影响元素的容器中委派。

谢谢！我认为这与元素是在页面加载之后创建的这一事实有关。我将使用.module代替.use

$（'body'）。on（'click'，'.color'，function（）{

代替

$（'.color'）。on（'click'，function（）{

用于实时绑定