当靠近容器的边缘时，如何将较大的对象放在较小的对象上？

Question

我正试着把一个大盒子放到一个小盒子里。只有当大盒子的中心在小盒子的内部时，大盒子才看起来“在”盒子上面。

大盒子需要放在小盒子上的那部分可以换一下吗？

为什么？因为在我加一个容器之前一切都很好。当小盒子靠近容器的边缘时，大盒子的中心不能“进入”小盒子，因为它击中了区域的边缘。

实际上没有任何代码可供显示。它就像这样：

$(bigbox).draggable({
    containment: $("#container")
})

$(smallbox).droppable({
     drop: dropped-function
})

Answer 1

如果我理解正确的话，您应该看看droppable method's options，特别是tolerance。默认值为intersect，这意味着大方框必须与小方框重叠至少50%。将公差设置为touch将允许在大方框与小方框重叠任意数量时将大方框放在小方框上。

我希望这能有所帮助。