Question

我的问题是，你如何找到两个'<div>'标签的位置并在if语句中进行比较？我找到了一个写这样的东西的来源：

var obstacle = $('#obstacle').css('left', 'top')
var collider = $('img').css('left', 'top')

if ($('img').css(collider == obstacle) {
    $('div').css('background', 'blue')
}

但是，这似乎不起作用。任何帮助将不胜感激！

Answer 1

您可以使用jQuery .offset()获取元素相对于文档的位置：

var obstacle_pos = $('#obstacle').offset();
console.log("left: " + obstacle_pos.left + ", top: " + obstacle_pos.top);

Answer 2

您需要使用position()方法获取排名，然后检查left属性。

var obstacle = $("#obstacle").position().left;
var collider = $("img").position().left;

if (collider == obstacle) {
    $('div').css('background', 'blue')
}

http://jsfiddle.net/k93c6c5o/

比较两个div位置

2 个答案: