可排序的嵌套列表

Sortable nested list

提问人:PlayHardGoPro 提问时间:8/10/2015 最后编辑:PlayHardGoPro 更新时间:8/10/2015 访问量:1036

问:

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

让我告诉你
正如你所看到的,我可以:

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

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

我知道如果我将类添加到其中,我就可以这样做,但它也允许我拖放它,我真的不想这样做。.SortableElement 2

此外,我现在可以创建一个函数,无论何时为空,何时不为空。我想知道是否有更好的解决方案。AddClass / RemoveClass

jQuery jQuery-UI-sortable 嵌套列表

评论


答:

3赞 Joy Biswas 8/10/2015 #1

您需要在第二个中添加一个空,以便当您删除可以拾取它的子元素时<ul class=sortable></ul><li><ul>

这里像这样 CodePen

评论

1赞 Joy Biswas 8/10/2015
还要记住在那个空的ul上有一些填充,这样当你放下你和jQuery时,你应该知道在哪里:)
0赞 PlayHardGoPro 8/10/2015
谢谢大家!我很傻,e.e.这样做没关系,对吧?在那里留下一个空的 UL ?