D3生成矩形＆＃34;点击＆＃34;功能不执行

Question

在我的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矩形的内容吗？