javascript - 尝试动态使用 jOrgChart

Question

我希望使用 jOrgChart(链接:jOrgChart)为用户动态创建树算法。正如预期的那样，我遇到了很多问题(这是我第一次使用树插件)，但首先也是最重要的是我无法获得“.add_child”输入按钮来向任何东西添加另一个“li”。 ..

我希望有人能发现我做错了什么。

here's my jsfiddle

我把这个写在插件的底部，以便在一个 javascript 文件中显示它:

$(document).ready(function() {
    $('#org').jOrgChart();
    $('.add_child').live({
        click: function() {
            var $new_child = '<li>test1</li>';

        }
    });
}); 

注意:我还在插件的最后添加了这个，这样“+”按钮就不会折叠树:

$nodeDiv.children('input{class=\"add_child\"').click(function(e){
        console.log(e);
        e.stopPropagation();
    });

Answer 1

看看这个fork，它有添加/删除节点的能力https://github.com/vellonce/jOrgChart