Question

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

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

我已经在笔上面创建了一个以演示当前问题。在给定的笔中，div的一部分未被标识为可放置区域。因此，可拖动元素将还原为其原始位置。期望将整个div设置为可放置区域。

Answer 1

由于名为 perspective 的css属性而发生问题，该属性定义对象距用户的距离。更接近的元素看起来大于实际大小。就像在代码笔示例中div看起来大于实际大小一样。

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