这个d3 onmouseover尝试有什么问题？

Question

我用一个简单的svg创建了一个简单的网页，我正在尝试连接一个基本的onmouseover事件来触发一个简单的警报。我尝试了一些不同的方法，但我无法让它工作：

https://jsbin.com/cefanis/edit?html

知道问题可能是什么？

Answer 1

你试图找到一个DOM节点（我不确定这里的正确术语）是否被初始化了？渲染？将script元素移动到引用的节点（在这种情况下为#simpleCircle）

之后

<svg id="simpleCircle">
    <circle id="myCircle" cx="100" cy="100" r="50" fill="blue"></circle>
<svg>

<script>    
    d3.select('#simpleCircle')
      .select('#myCircle')
      .on('mouseover', hiThere);

    function hiThere(d) {
        alert('hi there');
    }   
</script>