jquery draggable：拖放元素與快照，但沒有覆蓋？

Question

你可以在這裏看到我的代碼：

我有3個可以拖放的黑條。當他們足夠接近時，他們甚至會互相扣籃 - 這正是我想要的。

我想添加的最後一個功能是，它不可能疊加到彼此之上。每當一個元素被拖動到另一個元素上並且釋放鼠標時，它應該捕捉到下面的條的外邊緣。

任何想法我可以如何使這項工作？

謝謝你的幫助！

Answer 1

我認爲如果您使用「可排序」以及「網格」，您可能會獲得更好的結果。請參閱：http://jqueryui.com/demos/sortable/#option-grid

說明：grid默認值：false 將排序元素或助手捕捉到網格，每x和y像素。陣列值：X，Y]

試試這個： http://jsfiddle.net/LN2rQ/