Knockout-sortable 无法将嵌套项拖入无子元素

Question

我正在使用我制作的 knockout-sortable and my goal is nestedSortable behaviour. I have a working light-weight fiddle example，一切正常，除了一件事：我无法将 children 移动到最初没有它的元素。

Child 元素在那里打印：

<div data-bind="if: children().length > 0">
    <ul data-bind="sortable: { template: 'tpl', data: $data.children }"></ul>            
</div>

即使取消检查，仍然没有空间放置 child 个元素。 有没有什么好的解决方案可以用于淘汰赛的嵌套排序？

Answer 1

你只需要给它一些高度。我取出了if，在ul

上放了一个class

<div>
  <ul class="sort-drop" data-bind="sortable: { template: 'tpl', data: $data.children }"></ul>
</div>

并将其设置为红色以便您可以看到它

.sort-drop:empty {
  background-color: red;
  min-height: 5px;
}

Updated fiddle.