1

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

有一个很好的 jquery 插件,称为 jedit,非常适合我的需求: 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>
4

1 回答 1

0

我在 d3 代码运行之前调用了我的 .editable ,这就是为什么它不能“工作”或更具体地说是为什么我不能编辑 d3 生成的段落的原因。

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

于 2013-02-26T20:33:55.567 回答