Javascript 将SVG与Jquery结合使用

我想在HTML中嵌入SVG，并使用Jquery绑定事件。但是我的Jquery调用得到了意想不到的结果。这有时会导致未捕获引用错误：我的浏览器中未定义sayHello。但在其他时候，它只是不能正确地将控制台打印绑定到click事件

<a href='#'> Click me! </a>
<embed id='board' src="tictactoe.svg" height="100%" width="100%" style="border:solid #999 1" >

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 100 100" onload="sayHello()"> 
...
</svg>

function sayHello() {
    $('a').on('click',function(e){e.preventDefault(); console.log('hello');});
}

...
函数sayHello（）{
$（'a'）.on（'click'，函数（e）{e.preventDefault（）；console.log（'hello'）；}）；
}

Erik Dahlström对一个类似问题的回答似乎是正确的，但有人能给我一个“onload=”方法或绑定加载事件的代码示例吗？一些值得研究的东西：谢谢wex。d3.js确实很好地解决了这个问题。