无法使用double sortable拖回空dom元素上的元素

时间:2013-12-13 10:26:32

标签: javascript jquery jquery-ui

我开始使用jquery sortable,但是在解决超过2种不同的项目时,我在理解它是如何工作方面遇到了一些问题。

这就是我所拥有的:

http://jsbin.com/ElImEPU/2/

正如你所看到的那样,我想要创建2种不同的排序,一种用于包含另一组< ul>的outter< ul>另一个可以对内部< li>进行排序,以便我可以在同一类别之间订购元素。

当我将最后一个元素拖出一个< ul>时出现问题。出于某种原因,我不能拖回任何其他元素,所以这最后< ul>仍然无法使用。

我已阅读文档,理论上可以通过添加“connectWith”参数来实现此目的,但似乎我没有正确使用它。

谢谢!

1 个答案:

答案 0 :(得分:0)

您应该在排序的UL元素上设置默认高度(即min-height:5px;)。

发生错误,因为当UL为空时,它的高度为0px,通过设置默认值,您可以确保它至少有一些高度。

.ui-sortable {
    min-height:5px;
}

Example JSFiddle