TA貢獻(xiàn)1811條經(jīng)驗 獲得超5個贊
您可以嘗試jquery-collision和jquery-ui-draggable-collision。完全披露：我剛剛在sourceforge上編寫并發(fā)布了這些內(nèi)容。
第一個允許這個：
var hit_list = $("#collider").collision(".obstacle");這是與“#collider”重疊的所有“.obstacle”的列表。
第二個允許：
$("#collider").draggable( { obstacle: ".obstacle" } );這給你（除其他外）一個“碰撞”事件綁定到：
$("#collider").bind( "collision", function(event,ui){...} );你甚至可以設(shè)置：
$("#collider").draggable( { obstacle: ".obstacle", preventCollision: true } );防止“#collider”在拖動時重疊任何“.obstacle”。
TA貢獻(xiàn)1810條經(jīng)驗 獲得超4個贊
在原生Javascript中
var is_colliding = function(div1, div2) {
var d1_height = div1.offsetHeight;
var d1_width = div1.offsetWidth;
var d1_distance_from_top = div1.offsetTop + d1_height;
var d1_distance_from_left = div1.offsetLeft + d1_width;
var d2_height = div2.offsetHeight;
var d2_width = div2.offsetWidth;
var d2_distance_from_top = div2.offsetTop + d2_height;
var d2_distance_from_left = div2.offsetLeft + d2_width;
var not_colliding =
d1_distance_from_top < div2.offsetTop ||
div1.offsetTop > d2_distance_from_top ||
d1_distance_from_left < div2.offsetTop ||
div1.offsetLeft > d2_distance_from_left;
return !not_colliding;};舉報