JQuery UI Drop禁用所选元素

Question

我想在圈子上添加下降限制，我写了一个用于拖动圈子的scrit

问题是用户可以在另一个圈子上放圆圈，我不想让它， 如果用户在另一个圆圈上拖放圆圈，我只需要恢复。

我为此写了一些代码。但这不适合我，它总是还原掉落的圈子。 这是我的示例网址

http://webxtreams.net/demoprofiles004/circledragger.html

这是js代码我运行的火bug

$(".circle").draggable({
    revert: 'invalid'
});

$(".circle").droppable({
    accept: function(el) {        
        return el.hasClass('.circle');
    }
});

请帮我做。

还有一个小问题 - 我们可以跟踪这个回复事件，我需要在还原圆圈时重新绘制线条：）

Answer 1

为了让可拖动元素识别它们彼此被丢弃，您需要实现某种形式的碰撞检测。如果您想要实现自己的解决方案，或者您可以使用已经实现它的库，那么在线有很多资源可以解释碰撞检测的基本概念。

这是一个使用碰撞检测的Jquery开源库： http://sourceforge.net/projects/jquidragcollide/