Fatal编程技术网
  • html/
  • Html svg<；a>；元件不工作

Html svg<；a>；元件不工作

html svg d3.js

Html svg<；a>；元件不工作,html,svg,d3.js,anchor,Html,Svg,D3.js,Anchor,我需要添加一个链接。但是，当我添加 显然，这看起来像是有效的SVG，但是锚元素根本不起作用。以前有人碰到过这样的事吗 任何帮助都将不胜感激。 谢谢我发现了示例可折叠缩进树继承的问题。实际上，它不是示例本身的bug，而是阻止指针事件触发的css声明 我发现了以下CSS声明： .node text { font: 12px sans-serif; pointer-events: none; // <- this was preventing the `<a>`

我需要添加一个链接
。但是，当我添加



显然，这看起来像是有效的SVG，但是锚元素根本不起作用。以前有人碰到过这样的事吗

任何帮助都将不胜感激。

谢谢
我发现了示例可折叠缩进树继承的问题。实际上，它不是示例本身的bug，而是阻止指针事件触发的css声明

我发现了以下CSS声明：


.node text {
    font: 12px sans-serif;
    pointer-events: none;  // <- this was preventing the `<a>` element from triggering  events
 }



。节点文本{
字体：12px无衬线；
指针事件：无//

<g class="node" transform="translate(57.14285659790039,175)" style="opacity: 1;">
    <rect y="-12.5" height="25" width="768" style="fill: #ffffff;"></rect>
    <text dy="3.5" dx="5.5">Hello World</text>
    <a xlink:href="http://www.mysite.com?q=8" target="_blank">
        <text x="200" y="5.5">Click Me</text>
    </a>
</g>



.node text {
    font: 12px sans-serif;
    pointer-events: none;  // <- this was preventing the `<a>` element from triggering  events
 }