Question

我遇到了jquery和position()的问题。

我想将文本元素<div id="text">移动到事件的另一个元素上。另一个元素如下所示：

<div id=pic><img src=pic.jpg></div>

我用来定位它的jquery是这样的：

var pos = $('#pic').offset();
$('#text').animate({ top: pos.top, left: pos.left }, 0);

现在由于某种原因，＃text将进一步显示在实际的img div的右侧和下方。

知道造成这种情况的原因是什么？

Answer 1

#text是否设置了position: absolute？动画top和left属性不会产生预期效果。 .offset会返回相对于文档的top和left，但.animate会修改top和left样式属性，这取决于position财产。