如何知道一個節點是否與另一個節點相交？

Question

我想知道，如果一個節點相交，這樣的架構中的另一個節點：

Answer 1

使用DOM屬性top和left屬性弄清楚它們與clientWidth和clientHeight

這搗鼓重疊檢查一起在那裏（假設你移動這兩個框）：http://jsfiddle.net/maniator/JnTaq/

代碼：

$('.drag').draggable({ 
    stop: function(event, ui) { 
     var others = $('.drag').not(this), 
      _self = this, 
      length = $(_self).width(); 
     others.each(function(i, item) { 
      var this_left = parseInt(item.style.left) - length, 
       this_top = parseInt(item.style.top) - length; 
      if (ui.position.left > this_left && ui.position.top > this_top) { 
       var left = Math.abs(ui.position.left - this_left), 
        top = Math.abs(ui.position.top - this_top); 
       if (left <= (length*2) && top <= (length*2)) { 
        alert('overlap'); 
       } 
      } 
     }); 
    } 
});