我有一个像这样的脚本,它在 RaphaelJS 中向纸对象添加一个基本矩形,然后在矩形上设置一些自定义属性:
var furniture = paper
.rect(0, 0, 100, 200)
.attr({
fill: '#ccc'
})
;
furniture.node.id = 'some-id';
$(furniture.node).attr('class','draggableFurniture');
$(furniture.node).attr('productId','1234');
$(furniture.node).attr('title','Some title');
$(furniture.node).attr('price','123.99');
这在 IE9 和 Firefox/Chrome 等中效果很好,但在 IE8 或 7 中不起作用,大概是因为这些浏览器使用 VML 而不是 SVG,并且大概 VML 没有能够像 SVG 一样使用的 DOM 结构。
我想知道如何在所有浏览器(至少包括 IE8 和 7)中一致地将我的自定义属性放入这些对象中?
谢谢各位!