javascript - 点击事件在 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

路径上有单击事件。所以点击线条就会触发点击事件。但您已将填充设置为无，因此单击路径之间的区域将不起作用。

如果您用颜色填充路径，例如:

.style("fill","white")

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

参见 fiddle :http://jsfiddle.net/jMN7j/6/

希望这有帮助。