css 转换是否改变了 div 的 jquery 可放置区域

Question

在我的代码中有多个 div，我应用了 css 转换，使它们看起来像一个抽屉。如果我在其中一个上定义 jquery 可放置，则可放置区域的位置与翻译后的 div.

的实际位置略有不同

code pen - https://codepen.io/nuwandharshana1/pen/pqdQme

我创建了上面的笔来演示当前的问题。在给定的笔中，div 的一部分未被识别为可放置区域。因此可拖动元素恢复到其原始位置。预期是将整个 div 设置为可放置区域。

Answer 1

由于 css 属性 调用的 perspective 定义了对象与用户的距离，因此出现了问题。更近的元素看起来比实际尺寸大。如代码笔示例中 div 看起来比实际大小大。

但 jquery 根据实际 div 创建的可放置区域。因此 div 的一部分不会被识别为可放置区域。导致可拖动元素恢复到其原始位置。