我对 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>