可排序嵌套列表

Question

我有一个嵌套列表。我可以在现有子列表之间移动 (drag/drop) 个元素。但是我不能移动一个元素并将它放到一个列表的第一个子项中。

Let me show you
如您所见，我可以：

• 将子项拖放到它自己的子列表中。
• 在元素 1 和元素 3 列表之间拖放子项。

但我需要的是能够将这些子项目中的任何一个拖放到 Element 2（如您所见，Element 2 还没有子列表）。因此它将成为该列表的第一个子项。

我知道如果我将 .Sortable class 添加到 Element 2 我可以这样做，但它也允许我拖/放它，并且我真的不想这样做。

此外，我现在可以为 AddClass / RemoveClass 创建一个函数，无论何时为空和不为空。我想知道有没有更好的解决办法

Answer 1

您需要向第二个 <li> 添加一个空的 <ul class=sortable></ul> 以便当您放下子元素时 <ul> 可以拾取它

这里是这样的CodePen