は2つのdivが

Question

可能性の重複とオーバーラップするかどうかを検出：
How to detect if two divs touch with jquery?

私は2つのdiv要素が重なっているかどうかを検出する方法を把握しようと多くの時間を費やしてきました。
私はgamequeryプラグインを試してみましたが、このようにそれを使用する：あなたはそれを行うだろう

$("#" + checkform).collision("#" + checkform + "w").each(function(){ 
    alert("Collision"); 
}); 

あなたはgamequeryプラグインおよび/または方法を使用しますか？ここでのクエリは答えた既に存在し

Answer 1

：参考のためHow to detect if two divs touch with jquery?

を私はここのコードをコピー：

function collision($div1, $div2) { 
     var x1 = $div1.offset().left; 
     var y1 = $div1.offset().top; 
     var h1 = $div1.outerHeight(true); 
     var w1 = $div1.outerWidth(true); 
     var b1 = y1 + h1; 
     var r1 = x1 + w1; 
     var x2 = $div2.offset().left; 
     var y2 = $div2.offset().top; 
     var h2 = $div2.outerHeight(true); 
     var w2 = $div2.outerWidth(true); 
     var b2 = y2 + h2; 
     var r2 = x2 + w2; 

     if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false; 
     return true; 
    } 

Answer 2

は、各要素に対してgetBoundingClientRect()を使用して、彼らはそのように重複するかどうかを確認します。 jQueryは必要ありません。