如何在收容区边缘附近将较大的物体放在较小的物体上?

时间:2010-04-28 12:25:03

标签: jquery jquery-ui draggable droppable

我正试图将一个大盒子放到一个小盒子上。只有当它的中心位于较小的盒子内时,大盒子才会在盒子上面“。”

我可以更改大盒子中需要超过较小盒子的部分吗?

为什么呢?因为这一切都正常,直到我添加一个收容。当小盒子靠近收容区的边缘时,大盒子的中心不能进入小盒子的“内部”,因为它撞击了该区域的边缘。

不是真的要显示任何代码。它就像这样:

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

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

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您需要查看droppable method's options,特别是tolerance。默认值为intersect,这意味着大方框必须与小方框重叠至少50%。将容差设置为touch将允许大盒子在较小的盒子上与任何数量的小盒子重叠时放下。

我希望有所帮助。