【问题标题】:jquery-ui sortable connected lists with hidden overflow带有隐藏溢出的 jquery-ui 可排序连接列表
【发布时间】:2014-03-12 18:34:00
【问题描述】:

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

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

【问题讨论】:

    标签: javascript jquery css jquery-ui


    【解决方案1】:

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

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

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

      • 不,它只包含可以拖动元素的边界。
      猜你喜欢
      • 1970-01-01
      • 2013-05-14
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-09-14
      • 1970-01-01
      相关资源
      最近更新 更多