javascript - 尝试动态使用jOrgChart

我希望为用户使用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();
    });

最佳答案

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