可排序的嵌套列表

时间:2015-08-09 21:40:22

标签: jquery jquery-ui-sortable nested-lists

我有一个嵌套列表。我能够在现有的子列表之间移动(拖放)它。但我无法移动元素并将其删除成为一个列表的第一个子项。

Let me show you
如你所见,我可以:

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

但我需要的是能够将任何这些子项删除到Element 2(如您所见,Element 2还没有子列表)。所以它将成为该列表的第一个子项目。

我知道如果我将.Sortable课程添加到Element 2我能够这样做,但它也可以让我拖放它,我真的不喜欢&# 39;我想这样做。

此外,我现在可以为AddClass / RemoveClass创建一个功能,只要它是空的,什么时候不是。我想知道是否有更好的解决方案。

1 个答案:

答案 0 :(得分:3)

您需要向第二个<ul class=sortable></ul>添加一个空的<li>,这样当您删除<ul>可以提取的子元素时

就像这样CodePen