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

时间:2010-07-11 05:04:34

标签: javascript jquery css jquery-ui

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

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

2 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:1)

看看containment。它定义了一个边界框,可拖动时可对可排序项进行约束。

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