Raphaeljs Click事件在图像上无法在IE9中使用

Question

在下面的代码中，将触发第一个click事件，但其余事件不会触发-在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中，单击根节点将显示[object SVGImageElement]-事件未触发的其他节点。 在其他浏览器中，所有节点都得到相同的（SVGImageElement）

Answer 1

对于任何正在寻找的人来说，这都是临时解决方法。 您可以在图像后面放置正方形，圆形或任何其他矢量，并将事件绑定到该图像。

在IE9中，它可以通过单击图像后面的形状来工作-在所有其他浏览器上，图像事件都会触发。