如何使用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（包含圖像）

回答

相關問題