【发布时间】:2017-10-24 14:51:48
【问题描述】:
我正在使用 Raphaël 框架来绘制动态形状(使它们可点击,您可以使它们发光...)。
我无法使用.attr() 函数获取属性的值。
这是字典:
var sieges = [
{"siege" : "Siège 1 : Loris Plasson", "path" : "M236.51 ... 108"},
{"siege" : "Siège 2 : Laurence Plasson", "path" : "M483.51 ... 71"},
{"siege" : "Siège 3 : Anne Sophie", "path" : "M427.51 ... 272"},
{"siege" : "Siège 4 : Fabrice Plasson", "path" : "M135.51 ... 348"},
{"siege" : "Siège 5 : Gucci Coon", "path": "M617.51 ... 413"}
];
方法如下:
group.click(function(){
var slug = this.attr('siege');
document.getElementById('siege').textContent = slug;
});
group.click() 允许我向我的形状添加事件处理程序,例如click 或mouseover。
在 Raphael 框架中,this 引用了单击的形状,以便我们可以使用它。
在document.getElementById('siege').textContent = slug; 中,'siege' 是应该显示属性值的 div 的名称。
实际上,它什么也没显示。
感谢任何帮助。
【问题讨论】:
-
Seige 不是有效属性。目前还不清楚您正在做什么或试图做什么,或者您在哪里分配属性。所以我会包含更多代码和一个最小的测试示例。
标签: javascript dictionary raphael