Jquery克隆项

Question

我正在研究来自http://tympanus.net/codrops/2010/03/22/interactive-image-vamp-up-with-jquery-css3-and-php/

的jquery css3和php脚本的交互式图像 - vamp-up

我的问题是，如何使项目克隆并获得克隆位置？

提前致谢

Answer 1

var cloned = $("#itemtoclown").clone(); //clone an element
$("body").append(cloned); //Insert it into DOM

//Access the positions like with
var positions = cloned.position();
console.log(positions.top); //Access the top

Answer 2

为了获得某个元素的位置，它必须附加到HTML DOM树。否则你将获得顶部： 0 并离开： 0

$(document).ready(function(){
    position = $('div:first').clone().appendTo(document.body).position();
    alert( 'top:' + position.top + ' left: ' + position.left );
});

jsFiddle example