Question

项目是根据孩子创造颜色。我专注于修复LEFT div（绿色框）。但是当我尝试从最左边的框（GRAY）创建更多div时，它会一直调用父div（GREEN）。它没有创建一个关闭孩子的div。

现在我试图停止传播以限制仅在孩子身上发生的事件调用，但特定选择器从不选择孩子。

第38行：

$(".left-child").click(function(event){
        propStopped( event );
        event.stopPropagation();
        propStopped( event );
        alert("Found child");
    });

此代码应该以子元素为目标，但不是，我也尝试过以下选择器，但他们也找不到孩子。

$(".left-child")
$(".left > .left-child")
$("div.left" > .left-child")

现在的最终结果应该是通过单击最左边的div来向左侧添加更多div。第63行开始附加左边的div。

我放置了一个显示在被点击的div上的计数器，它会更新父div（GREEN）而不是孩子。

Answer 1

您无法将事件附加到尚不存在的元素。您应该使用事件委派：

$(".left").on("click", ".left-child", function(event){
    propStopped( event );
    event.stopPropagation();
    propStopped( event );
    alert("Found child");
});

Javascript子选择器未被调用

1 个答案: