如何知道一个节点是否与另一个节点相交？

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'); 
       } 
      } 
     }); 
    } 
});