请推荐一个JQuery插件来处理可拖动元素的冲突检测

Question

我们正在使用Draggable JQuery UI插件,需要禁止在我们的元素之间重叠.我们自己可以编写一些碰撞检测,但更喜欢使用经过测试的包.有什么建议？

Answer 1

您可以尝试jquery-collision和jquery-ui-draggable-collision.完全披露:我刚刚在sourceforge上编写并发布了这些内容.

第一个允许这个:

var hit_list = $("#collider").collision(".obstacle");

这是与"#collider"重叠的所有".obstacle"的列表.

第二个允许:

$("#collider").draggable( { obstacle: ".obstacle" } );

这给你(除其他外)一个"碰撞"事件绑定到:

$("#collider").bind( "collision", function(event,ui){...} );

你甚至可以设置:

$("#collider").draggable( { obstacle: ".obstacle", preventCollision: true } );

防止"#collider"在拖动时重叠任何".obstacle".

Answer 2

Google 告诉我，gameQuery，一个 JQuery 插件，有一个“碰撞”功能：

在上面的页面中搜索“碰撞”一词。

这个谷歌搜索可以给你一些其他的选择：