Question

我正在使用knockout-sortable，我的目标是nestedSortable行为。我有一个工作轻量级的小提琴example我做了，除了一件事，一切都很好：我不能把孩子带到最初没有它的元素。

子元素在那里打印：

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

即使删除了支票，仍然没有空间放置子元素。针对嵌套的嵌套排序是否有适当的解决方案？

Answer 1

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

上放了一堂课

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

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

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