Was ist los mit diesem d3 onmouseover Versuch?

Question

Ich habe eine einfache Webseite mit einem einfachen Svg erstellt und ich versuche, ein grundlegendes onmouseover Ereignis zu verkabeln, um eine einfache Warnung auszulösen. Ich habe ein paar verschiedenen Ansätze versucht, aber ich bin nicht in der Lage, es zu bekommen zu arbeiten:

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

Jede Idee, was das Problem sein könnte?

Answer 1

Sie versuchen, einen DOM-Knoten zu finden, bevor er (ich bin mir der richtigen Terminologie nicht sicher) hier initialisiert wurde? gerendert ?. Verschieben Sie das Element script nach dem referenzierten Knoten (#simpleCircle in diesem Fall)

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