javascript 如何用jQuery检测一个div覆盖另一个div?

d7v8vwbk  于 2023-01-16  发布在  Java
关注(0)|答案(3)|浏览(177)

如何用jQuery检测一个div覆盖另一个div?有解决方案吗?谢谢你的回答

rseugnpd

rseugnpd1#

您可以尝试此操作或使用$('#div').on('dragstart',function(evt)

var CardOnePosistion;
var MovedPosition;
        
$(function(){     
MovedPosition = $('#Moved').position();
CardOne = $('#CardOne').position();
 if (MovedPosition.left === CardOne.left && MovedPosition.top === CardOne.top) {
       alert("Div over another Div");
  } 
}
5sxhfpxr

5sxhfpxr2#

你可以使用children选择器,注意它只在dom中向下移动一个级别,其他的使用find

<div class="abc">

  <div class="def">Div 2</div>
  <div class="def">Div 3</div>

</div>

使用类或id选择器或者聪明地使用first.last等来找到父div..

$(".abc").children().each(function(){
$(this).html("test");
});

或使用选择器

$(".abc").children(":first").append("test2");

http://jsfiddle.net/fVQB8/这对您有帮助吗?

jv4diomz

jv4diomz3#

要获得此值,您可以使用以下代码,如果您的一个DIV名为i1,另一个div名为示例Image 1-则您可以获得offsetTop和offsetLeft位置并比较它们。

var y = document.getElementById('i1').offsetTop;
    var x = document.getElementById('i1').offsetLeft;

    var elementy = document.getElementById('image1').offsetTop;
    var elementx = document.getElementById('image1').offsetLeft;

    if (elementy == y) {
        if (elementx == x) {
            gameover();
        }
    }

相关问题