Question

我对d3很新，并试图将一些jquery与d3功能合并。基本上我想要一个段落列表，我可以让我的用户编辑。

这个名为jedit的jquery插件非常适合我的需求：http://www.appelsiini.net/projects/jeditable

我可以毫无问题地使用它，但是当我尝试使用d3生成我的段落时，我似乎运气不好。

我的jquery插件有以下功能：

$(function() {
        $(".editable_comments").editable("save.php", { }); 
});

可以在以下元素上正常工作：

<p class="editable_comments">test</p>

但不是关于以下d3代码：

<div id="comments" style="float:left; width:50px; padding-top:33px;">

</div>

<script  type="text/javascript" >

 d3.json("json_data.php?", function(data) {

 d3.select("#comments").selectAll("p")
    .data(data)
    .enter()
    .append("p")
    .text(function(d) {return d.NAME;})
    .attr("class", "editable_comments");

}); 
</script>

Answer 1

我在d3代码运行之前调用了我的.editable，这就是为什么它没有“工作”或者更具体地说是为什么我无法编辑d3生成的段落。

一旦我将.editable调用移到我的d3.json函数的末尾

结合jquery的jedit和d3

1 个答案: