jquery - 如何使用 jquery 在另一个 div 中移动 div（包含图像）

Question

我需要将图像 div 移动到其他具有效果和动画的 div。我怎么能做到这一点？

我的代码：

    var div2Pos = $("#marque").position();
    var div2Width = $("#marque").css("width");
    var div2Height = $("#marque").css("height");

    $("#img-div").animate({'left':div2Pos.left, 'width':div2Width, 'height':div2Height}, 1000);

其中“#marque”是我的目标 div，“#image-div”是我的原始 div

提前致谢

Answer 1

您需要使元素绝对动画到目标的绝对位置，并且当动画结束时删除并附加元素并删除绝对位置

          var des = $(".destnation").position();
        var el = $(".toMove");
        el.css("position", "absolute");
        el.animate({ top: des.top+"px" ,left :des.left+"px"}, 2000, undefined, function () {
            el.remove().appendTo(".destnation").css("position", "static");
        });

请参阅提琴手示例 http://jsfiddle.net/yamsalm/3U52z/