jquery draggable:拖放元素但是没有叠加?

时间:2010-12-22 12:46:59

标签: jquery drag-and-drop element

您可以在此处查看我的代码:http://jsfiddle.net/Pghqv/6/

我有3个可以拖放的黑条。当它们足够接近时,它们甚至会相互碰撞 - 这正是我想要的。

我要添加的最后一个功能是,无法相互堆叠到条形图上。当一个元素被拖动到另一个元素并且鼠标被释放时,它应该捕捉到下面的条形的外边缘。

我知道如何才能做到这一点?

谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

如果您使用“可排序”以及“网格”,我认为您可能会有更好的结果。见这里:http://jqueryui.com/demos/sortable/#option-grid

描述:grid默认值:false 将排序元素或帮助器捕捉到网格,每个x和y像素。数组值:[x,y]

试试这个: http://jsfiddle.net/LN2rQ/