javascript - jOrgChart を動的に使用しようとしています

Question

ユーザーがツリーアルゴリズムを動的に作成するためにjOrgChart (リンク: jOrgChart ) を使用したいと考えています。予想通り、多くの問題に直面しています (ツリー プラグインを使用するのはこれが初めてです) が、何よりもまず、「.add_child」入力ボタンを使用して別の「li」を追加できないことです。 ..

誰かが私が間違っていることを見つけてくれることを願っています。

これが私のjsfiddleです

すべてを 1 つの 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();
    });