点击事件在D3​​.js中不起作用

Question

我正在使用 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吗？

，这是否有冲突

JSfiddle

Answer 1

路径上有click事件。因此，单击这些行将触发click事件。但是您将填充设置为无，因此单击路径之间的区域将不起作用。

如果用颜色填充路径，例如：

.style("fill","white")

您还可以单击路径内的区域来触发点击事件。

请参阅小提琴：http://jsfiddle.net/jMN7j/6/

希望这有帮助。