Question

我是D3和javascript的新手。我找到了一个适合我需要的树形布局，现在我试图让它动态显示信息。这是树的jsfiddle。

现在，当您单击某个节点时，树的顶部会显示一个超链接。问题是这只是一个文本字符串而不是可点击的超链接。

我知道这与我的代码有关，实际上并没有告诉D3将其显示为超链接：

function click(d) {
  d3.select("#link").text(d.url);
  update(d);
}

我试图使用javascript link() method使其工作，但不是很成功（调试器说：找不到link（）方法）。如何将文本字符串转换为可点击的链接？

Answer 1

在显示您的链接的$search = array( '/\>[^\S ]+/s', // strip whitespaces after tags, except space '/[^\S ]+\</s', // strip whitespaces before tags, except space '/(\s)+/s' // shorten multiple whitespace sequences ); $replace = array( '>', '<', '\\1' );添加<a>标记：

<div>

然后，您可以更新链接标记，如下所示：

<div>
  <a id="#link"></a>
</div>

D3：点击

1 个答案: