這個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>