Javascript D3生成的矩形“；点击"；函数未执行

在我的d3代码中，我生成了如下矩形：

     svg.selectAll("g")
        .append("rect")
        .attr("width", 30)
        .attr("height", 30)
        .attr("class", "close-box initial-hidden")
        .attr("x", 500)
        .attr("y", 110)
        .on("click", function() {
            $('.initial-hidden').hide();
        })
        .append("text")
        .text("x")

---

我在我的许多其他svg元素上使用了click事件，它们工作得很好，但是我根本无法让矩形上的click事件工作。我是否缺少关于SVG矩形的内容？

请查看是否可以在单独的选项上单击它。因此，像上面一样创建它，然后选择并添加单击。不确定它是否会工作，但请尝试一下。您可以发布其余的代码，或者可能是一个指向JSFIDLE的链接吗？代码中没有任何错误…可能是其他元素正在处理单击事件。小提琴会很好。请看您是否可以在单独的选择上单击它。因此，像上面一样创建它，然后选择并添加单击。不确定它是否会工作，但请尝试一下。您可以发布其余的代码，或者可能是一个指向JSFIDLE的链接吗？代码中没有任何错误……可能是其他元素正在处理单击事件……一把小提琴就可以了