В следующем фрагменте кода первое событие клика срабатывает, а остальные нет - в IE 9. Он отлично работает в Chrome и Firefox (и, очевидно, в IE 8 - хотя я его не тестировал)
$(document).ready(function () {
var d = paper.image("/Content/images/male.png", 100, 100, 32, 32);
d.click(function (event) {
alert(this.node);
});
$.each(hierarchy.children, function (index, value) {
DrawNode(paper, value);
});
})
function DrawNode(paper, currentPerson) {
var currentNode = paper.image("/Content/images/male.png", currentPerson.X, currentPerson.Y, 32, 32).attr({ stroke: "none", fill: "none" });
currentNode.click(function (event) {
alert(this.node);
});
}
В IE9 щелчок по корневому узлу показывает [объект SVGImageElement] - другие узлы, которые событие не вызывает. В других браузерах вы получаете то же самое (SVGImageElement) для всех узлов