d3.js - 尝试将点击功能附加到 d3 中的节点文本

Question

当单击节点的文本时，我正在尝试使用从我的 json 文件中提取的信息生成一个模态。我遇到了麻烦，所以我现在只是想生成一个警报框。我认为我需要为节点文本声明一个变量，但我遇到了麻烦。这是我现在所拥有的:

  node.append("svg:text")
  .attr("text-anchor", "middle")
  .attr("dy", "3.5em")
  .text(function(d) { return d.name; })

  var textNodes = node.append("svg:text").text()
  .on("click", function(d, i) { alert("Hello world"); });

或者这个，我不明白为什么这也行不通。

node.append("svg:text")
  .attr("text-anchor", "middle")
  .attr("dy", "3.5em")
  .text(function(d) { return d.name; })
  .on("click", function(d) { alert("Hello world"); });

Answer 1

您正在为文本节点明确设置 pointer-events: none (可能是复制和粘贴错误)。删除样式中的这一行允许触发点击事件。