javascript - ネストされたソート可能な動的アイテムが折りたたまれない

Question

このネストされたソート可能なプラグインmjsarfatti.com/sandbox/nestedSortableを使用していますが、これまでに唯一の問題は、アイテムを「ツリー」に動的に追加するときに、アイテムを展開または折りたたむことができないことです。これまでのサンプルコードを使用して、それに追加しています。

項目を動的に追加する方法:

$('#new-button').on('click', function() {       
   var nextId = $('ol.sortable').nestedSortable('nextId');
   var $li = $("<li id=\"list_" + nextId + "\"><div><span class=\"disclose\"><span></span>          
   </span>New Item</div>");
   $li.addClass('mjs-nestedSortable-leaf');         
   $('ol.sortable').append($li);            
})

これらの新しいアイテムをツリーに追加すると、問題なく動作します。ツリー全体に移動したり、子にしたりできます。ただし、親を作成した新しいアイテムを折りたたもうとすると、応答がありません。 .

正しいイベント ハンドラーをどこかに追加していないだけだと確信していますが、それがどこで発生しているかはわかりません。新しいアイテムを追加した後、ツリーの destroy() と _create() をトリガーして、すべてのアイテムを再度「再構成」することを望んでいました。しかし、そこには運がありません。これらの新しい動的に作成されたアイテムを適切に接続して、ツリー内の他のアイテムとして扱われるようにする方法を誰か教えてもらえますか?

ありがとう！