0

我想在圈子上添加下落限制,我写了一个用于拖动圈子的脚本

问题是用户可以将圆圈放在另一个圆圈上,我不想允许它,只是如果用户将圆圈拖放到另一个圆圈上,我需要还原。

我为此写了一些代码。但这对我不起作用,它总是恢复掉线。这是我的示例网址

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

这是我在火灾错误上运行的 js 代码

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

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

请帮我这样做。

还有一个小问题 - 我们可以在此跟踪还原事件吗,我需要在还原圆圈时重新绘制线条:)

4

1 回答 1

0

为了使可拖动元素能够识别它们是相互放置的,您需要实现某种形式的碰撞检测。如果您想实现自己的解决方案,有很多在线资源可以解释碰撞检测的基本概念,或者您可以使用已经实现它的库。

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

于 2012-06-10T04:32:26.603 回答