如何在动态嵌套的jquery中添加子节点

Question

我正在使用jquery nestable插件来显示我的应用程序组织 - ＆gt;场地和位置树结构。默认情况下，我只想加载父组织，当我单击任何父组织的展开按钮时，我想用Ajax加载该组织的场所。对于场地下的N级位置也是同样的过程，我的组织可嵌套树应该重新加载。

只有父节点有子节点时，才会显示展开按钮。

{foreach $organizations_list as $organization}
    <li class="dd-item" data-id="1">
        <button type="button" data-action="load-venue" id="load-venue-{$organization.id}">Load</button>
        <div class="dd-handle"> 
            <span class="orange">{$organization.name} <small class="grey">(ID: #{$organization.id})</small></span>
            <span class="lighter grey">
                &nbsp; {$organization.description}
            </span> 
        </div> 
    </li>
{/foreach}