javascript - JQuery - 获取 .x .y 坐标溢出太多了！然后移动一个

Question

html

<div id="video"></div>
<p class="coordspls">Too much overflow!</p>

伪代码：

Get x position of .coordspls save to cox
Get y position of .coordspls save to coy

Set x position of #video to cox
Set y position of #video to coy

Answer 1

.offset()也需要一个 setter，它返回的对象格式相同，所以你可以这样做：

$("#video").css({ position: 'absolute' }).offset($("p.coordspls").offset());

你可以在这里试一试，所有这一切都是为了确保位置是（如果已经是这种情况，请absolute删除调用），然后设置and来匹配。.css()topleft

Answer 2

幸运的是，CSS 不能那样工作。
要将#video 放在 coordpls 的同一位置，当某些情况发生时，您必须将其移动到 coordspls 中，并使用 position:absolute;top:0px;left:0px 并确保周围的 p 具有相对位置。

Answer 3

var x = $("#coordspls").offset().left;
var y = $("#coordspls").offset().top;

console.log('x: ' + x + ' y: ' + y);

这就是我所得到的！对不起，但希望它能给你一个起点！