如何使用jquery移动另一个div内的div（包含图像）

我需要将图像div移动到具有效果和动画的其他div。我该怎么做？如何使用jquery移动另一个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和 '＃图像-DIV' 是我原来的div提前

感谢

来源

2012-07-11 RAJ

您可以使用jQuery Dran n Drop。 – Dev 2012-07-11 08:44:44

你应该写一些代码。一些jQuery教程和jQuery手册会帮助很多。这样的问题在这里不受欢迎，对不起。 – kapa 2012-07-11 08:45:10

你需要做的元素absalut将其移动到绝对的绝对位置并且当动画结束时删除并追加elemt并移除绝对位置

  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/

来源

2012-07-11 09:28:26 yamsalm

非常感谢...你为:) :) – RAJ 2012-07-11 09:42:23

嗨好友，面临上述代码中的问题...如果我在代码上面迭代两次（用于将两个“.toMove”div附加到相同的“.destination”div ），只有一个“.toMove”div附加到“.destination”div ...而我需要将2“.toMove”div附加到“.destination”div。你能帮助吗？另外，在el.remove（）。appendTo（“。destnation”）.css（“position”，“static”）中remove（）的目的是什么？ '？ – RAJ 2012-07-13 10:45:08

如何使用jquery移动另一个div内的div（包含图像）

回答

相关问题