【发布时间】:2014-03-12 18:34:00
【问题描述】:
我有两个固定的高度 div,每个 div 都包含一个相互连接的可排序列表。有没有办法在仍然连接列表的同时隐藏溢出?例如。如果溢出设置为隐藏,则 li 在拖到 div 之外时不会显示。
我知道一个可能的解决方案是计算 div 可以包含的最大 li 数,并根据可见元素的数量动态添加/删除元素,但我想知道是否有更好的解决方案?
【问题讨论】:
标签: javascript jquery css jquery-ui
我有两个固定的高度 div,每个 div 都包含一个相互连接的可排序列表。有没有办法在仍然连接列表的同时隐藏溢出?例如。如果溢出设置为隐藏,则 li 在拖到 div 之外时不会显示。
我知道一个可能的解决方案是计算 div 可以包含的最大 li 数,并根据可见元素的数量动态添加/删除元素,但我想知道是否有更好的解决方案?
【问题讨论】:
标签: javascript jquery css jquery-ui
您应该能够通过使用the appendTo option 来解决此问题,这将告诉它在 DOM 中将辅助对象附加到何处。默认使用parent,这意味着被拖动的助手在你的overflow: hidden div 中。例如,将其更改为 body 应该会为您修复它。即:
$( ".selector" ).sortable({ appendTo: 'body' });
【讨论】:
看看containment。它定义了一个边界框,可排序项在拖动时被约束。
【讨论】: