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

Question

我有两个固定的hight div,每个div包含一个相互连接的可排序列表.有没有办法隐藏溢出,同时仍然连接列表？例如,如果将溢出设置为隐藏,那么当它被拖到div之外时,li不会显示.

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

Answer 1

您应该能够通过使用选项来解决这个问题,该appendTo选项将告诉它在DOM中将辅助对象附加到何处.默认是使用parent,这意味着被拖动的帮助程序位于overflow: hiddendiv中.例如,将其更改为body应该为您修复它.即:

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