私は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>