Raphaeljs單擊事件上的圖像不工作在IE9

在下面的一段代碼中，第一個點擊事件觸發，但其餘不 - 在IE 9中。它在Chrome和Firefox中工作正常（顯然IE 8 - 雖然我沒有測試它）Raphaeljs單擊事件上的圖像不工作在IE9

$(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）。

來源

2011-04-14 Peter Munnings

最後的代碼提交是2010年8月26日，所以完全可能不支持IE9。開發速度緩慢是我對此庫最大的擔憂 – 2011-04-15 07:15:10

最後一次代碼提交時間是2011年4月5日。 – 2011-04-15 10:08:36

這是臨時解決任何正在查找的問題。您可以在圖像後面放置正方形，圓形或任何其他矢量，並將事件綁定到該圖像上。

在IE9中，它通過點擊圖像背後的形狀來工作 - 在所有其他瀏覽器上，圖像事件觸發。

來源

2011-06-23 07:15:48

Raphaeljs單擊事件上的圖像不工作在IE9

回答

相關問題