php - jQuery克隆项目

Question

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

我的问题，如何使物品克隆并获得克隆位置？

提前致谢

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 树中。否则你会得到 top: 0和 left: 0

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

jsFiddle 示例