嵌套更新模式中未触发D3.js鼠标事件

小提琴链接: https://jsfiddle.net/Andrew_Chen1/bv2un0q7/71/

猜猜是什么错了:使用绑定模式,在“更新”循环之外定义选择。在绑定click事件之前,我可能没有正确合并选择。

下面是我的一些更新代码,和小提琴上的一样:

let g = container.selectAll(".parent");
restart();
function restart() {
  g = g.data(dataset);

  g.exit().remove();

  g = g
    .enter()
    .append("g")
    .attr("class", "parent")
    .style("fill", "none")
    .style("stroke", "#232323")
    .on("click", function() {
      alert("click");
    })
    .merge(g);