jquery - css 转换是否会更改 div 的 jquery 可放置区域

Question

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

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

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

标签： jqueryhtmljquery-ui-droppable

Answer 1

问题是由于称为透视的 CSS 属性而发生的，该属性定义了对象与用户的距离。更近的元素看起来比实际尺寸大。在代码笔示例中，div 看起来比实际大小大。

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