代码之家  ›  专栏  ›  技术社区  ›  Mark

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

  •  1
  • Mark  · 技术社区  · 16 年前

    我有两个固定高度的div,每个div都包含一个相互连接的可排序列表。有没有办法在保持列表连接的情况下隐藏溢出?E、 g.如果溢出设置为隐藏,则当将li拖到div外部时,它不会显示。

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

    2 回复  |  直到 16 年前
        1
  •  5
  •   dhilipsiva    12 年前

    你应该可以通过使用 the appendTo option ,它将告诉它在DOM中将helper对象附加到何处。默认值是使用 parent 也就是说被拖动的助手在 overflow: hidden 例如,将其更改为, body

    $( ".selector" ).sortable({ appendTo: 'body' });
    
        2
  •  1
  •   dhilipsiva    12 年前

    看一看 containment . 它定义了一个边界框,可排序项在拖动时被约束到该边界框。

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