请推荐一个可处理可拖动元素碰撞检测的 JQuery 插件 [关闭]

我们正在使用可拖动 http://jqueryui.com/demos/draggable/JQuery UI 插件，需要禁止元素之间重叠。我们可以自己编写一些碰撞检测，但更愿意使用经过测试的包。有什么建议么？

你可以试试jquery 碰撞 https://sourceforge.net/projects/jquerycollision/ plus jquery-ui-draggable-碰撞 https://sourceforge.net/projects/jquidragcollide/。全面披露：我刚刚在 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”重叠。