如何解决Raphaeljs单击事件无法在IE9中运行
| 在下面的代码中,将触发第一个click事件,但其余事件不会触发-在IE 9中。它在Chrome和Firefox(以及显然是IE 8中运行良好,尽管我尚未对其进行测试)$(document).ready(function () {
var d = paper.image(\"/Content/images/male.png\",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).attr({ stroke: \"none\",fill: \"none\" });
currentNode.click(function (event) {
alert(this.node);
});
}
在IE9中,单击根节点将显示[object SVGImageElement]-事件未触发的其他节点。在其他浏览器中,所有节点都得到相同的(SVGImageElement)
解决方法
对于任何正在寻找的人来说,这都是临时解决方法。您可以在图像后面放置正方形,圆形或任何其他矢量,并将事件绑定到该图像。
在IE9中,它可以通过单击图像后面的形状来工作-在所有其他浏览器上,图像事件都会触发。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。