Jquery动画子动画使用目标偏移量,父级设置为相对位置

时间:2013-02-16 18:09:28

标签: jquery

我在将小图像从一个地方动画到另一个地方时遇到了一些严重的问题。

我获得目标偏移并尝试使用偏移内容作为坐标将我的图像设置为所需位置的动画。但它总是不正确。

我理解问题是位置:相对,位置:绝对;但我无法摆脱这些因为我的布局......

有没有更好的方法来计算窗口坐标?

我做了简化的小提琴,所以你可以看到我的意思......

http://jsfiddle.net/9WMGk/1/

$("#thirdBA a").on("click", function(){
    $("#thirdBA").append('<p class="animated">This is me</p>');
    var offset = $("#second").offset();
    console.dir(offset.left);
    console.dir(offset.top);
    $(".animated").animate({left: offset.left, top: offset.top},"slow");
});

单击链接后附加框。而且它必须转移到“来这里”div。

任何想法如何解决我的问题?

1 个答案:

答案 0 :(得分:0)

难道你不能根据第二个div的位置进行动画制作,即:$('#second').position() 查看下面的小提琴获取更多信息

http://jsfiddle.net/davidchase03/9WMGk/3/

让我知道 -David