jquery-ui - 如何使css3缩放元素可拖动

Question

我注意到 CSS3 scale 属性对 jquery ui 确实有不好的影响，特别是对 sortable。问题是鼠标仍然需要移动，就好像元素没有缩放一样。看看这个 jsfiddle example .

有没有人想过如何解决这个问题？是否可以更改鼠标移动的速度？我将研究 html5 原生 drag and drop接下来，尝试编写我自己的可排序函数。

更新:

Jquery ui draggable 可以与 CSS3 缩放元素一起使用，这里是 fiddle

Answer 1

事实证明，真正的答案不需要编写特殊的移动函数。只要被排序的元素被包裹在适当大小的 div 中并 overflow hidden ，就可以使用 Jquery ui sortable。检查this jsfiddle举个例子。

问题是我使用负边距强制缩放的 div 彼此靠近。然后，当我开始拖动一个元素时，它占用了错误的空间量。将缩放的元素包裹在非缩放的 div 中，一切都按预期进行。