我正在使用D3.js以及backbone.js。我想为每条路径创建一个点击事件。我已经给出了 onclick 事件,如下所示,但它没有触发特定的功能。
createpath: function(nodes) {
paths=svg.selectAll("path")
.data(nodes)
.enter()
.append("path")
.attr("d",arc)
.attr("id",ids)
.on("click", function(d){ return createConcepts(this)})
.style("fill","none")
.style("opacity", 1)
.style("stroke","#c8c8c8");
this.createText(nodes);
}
function createConcepts(d){
alert("F uuuuuuuuuuu");
}
因为我同时使用backbone.js和D3.js,所以有冲突吗?
最佳答案
路径上有单击事件。所以点击线条就会触发点击事件。但您已将填充设置为无,因此单击路径之间的区域将不起作用。
如果您用颜色填充路径,例如:
.style("fill","white")
您也可以点击路径内的区域来触发点击事件。
参见 fiddle :http://jsfiddle.net/jMN7j/6/
希望这有帮助。
关于javascript - 点击事件在 D3.js 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24547194/