我有多个 div(具有相同的类名)。我想将 div(总是相同的 div,具有唯一 ID #pos1
)移动到已被单击的 div。因此,为此,我使用以下代码找到 position1(我要移动的 div)和 pos2(被单击的 div)。
但是,我不知道如何将 div 从一个位置移动(动画等)到另一个位置。我会感谢任何帮助。
jQuery(".container").click(function() {
var pos1 = jQuery("#pos1").position();
alert(pos1.top + ', ' + pos1.left);
var pos2 = jQuery(this).position();
alert(pos2.top + ', ' + pos2.left);
});
最佳答案
首先确保所有的.container
div 都是position:absolute
然后就可以使用jQuery的animate
函数了:
$('.container').click(function(){
var pos1 = $('#pos1').position();
$(this).animate({ 'top': pos1.top + 'px', 'left': pos1.left + 'px'}, 200, function(){
//end of animation.. if you want to add some code here
});
});
关于javascript - jQuery 将 div 从位置 1 移动到位置 2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11880012/