javascript - jquery追加元素位置始终为0

Question

我正在使用jquery的append()方法，将元素(div)添加到父元素(div)。

当调用父div的偏移函数时，我得到了它的相对位置。当我调用子元素时，我得到 0 作为其相对位置(顶部和左侧)

有人知道如何解决这个问题吗？如何获取动态添加的div的位置？

var $grid = $('#myDiv');
$grid.empty()
$grid.append("<div id="newDiv">...")
console.log($("#newDiv").position())

输出:顶部:0 左侧:0

(它显示当前滚动条距顶部的偏移量)

Answer 1

返回值正确。来自 jquery documentation for .position() :

Get the current coordinates of the first element in the set of matched elements, relative to the offset parent.

除非它有样式，否则它总是在 0,0。

您可能想使用.offset()相反。