jquery-ui可隐藏溢出的可排序连接列表

Question

我有两个固定的hight divs，每个div都包含一个相互连接的可排序列表。有没有办法在连接列表时隐藏溢出？例如。如果溢出被设置为隐藏，则li不会显示何时将其拖出div。

我知道一个可能的解决方案是计算div可以包含的li的最大数量，并根据可见元素的数量动态添加/删除元素，但是我想知道是否有更好的解决方案？

Answer 1

看一看containment。它定义了可拖拽的可排序项目所限制的边界框。

http://api.jqueryui.com/sortable/#option-containment

Answer 2

您应该能够通过使用the appendTo option，它会告诉它在哪里辅助对象附加到DOM来解决这个问题。默认是使用parent这意味着被拖动的助手在overflow: hidden div内。将其更改为例如body应该为您解决。即：

$(".selector").sortable({ appendTo: 'body' });