JQuery UI:拖放:处理多个容器和溢出属性



首先,我制作了一个JS fiddle来解释我的问题:http://jsfiddle.net/QvRjL/59/

我完全陷入了拖放问题:

  • 我希望拖动元素始终在容器上方可见
  • 例如,我需要能够将位于">containerB"单元格中的黄色框从第1行拖动到第3行的一个单元格中
  • 我需要能够将位于">containerA"单元格中的黄色框拖动到">containerB的第3行

当我应用属性AppendTo : 'body'时:黄色框在我的所有容器上始终可见,但由于自动滚动在此容器上不起作用,因此无法到达">containerB"的"row3">

当我应用AppendTo : '#container'属性时:">containerB"的自动滚动已启用,但">containerA"上方的黄色框不可见

我的限制是,所有单元格都必须具有"溢出"属性,因为单元格可以有大量的黄色正方形。

欢迎任何帮助!

我想我使用appendTo : 'body'来查看所有容器上的clone,并检查可滚动container B的拖动位置,以创建一个setInterval函数来模拟滚动。

这是我的小提琴更新:http://jsfiddle.net/QvRjL/66/

欢迎任何评论或建议!

最新更新