Raphaeljs Click Event на изображении не работает в IE9

Question

В следующем фрагменте кода первое событие клика срабатывает, а остальные нет - в 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) для всех узлов

Answer 1

Это временная работа для всех, кто ищет. Вы можете поместить квадрат, круг или любой другой вектор позади вашего изображения и привязать события к этому.

В IE9 это работает, нажав на форму позади изображения - во всех других браузерах происходит событие изображения.