1

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

1 に答える 1

0

d3 コードを実行する前に .editable を呼び出していたため、「機能していなかった」、またはより具体的には、d3 で生成された段落を編集できなかったのです。

.editable 呼び出しを d3.json 関数の最後に移動したら

于 2013-02-26T20:33:55.567 に答える