JQuery 可拖动 - 无重叠

Question

是否可以说“可拖动的 div -> 无重叠”？

我认为主要问题是position:absolute; ...对吗？

亲切的问候 彼得

Answer 1

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

第一个允许这样做:

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

这是与“#collider”重叠的所有“.obstacle”的列表。

第二个允许:

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

这给你(除其他外)一个要绑定(bind)的“碰撞”事件:

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

您甚至可以设置:

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

防止“#collider”在拖动时与任何“.obstacle”重叠。