克隆未获得原始div的顶部/左侧值

我在这里克隆一个div – http://jsfiddle.net/ncA6c/ – 我不明白为什么克隆没有拾取原始盒子偏移的顶部/左侧值。 有谁看到这个问题？

谢谢

$(function(){ boxClone$ = $('#box').clone(true); console.log("box offset = ", $('#box').offset()); console.log("boxClone offset = ", boxClone$.offset()); }); 

Answer 1

正如@undefined所说克隆元素不在DOM上。

您需要将其插入DOM。 然后只有你可以得到偏移量。

 $(function(){ boxClone$ = $('#box').clone(true).appendTo('body'); console.log("box offset = ", $('#box').offset()); console.log("boxClone offset = ", boxClone$.offset()); }); 

看看演示

Answer 2

因为id是唯一的，你需要用新的id克隆它并将它附加到某个地方。

 $(function(){ $('#box').clone().prop({'id':"newId"}).appendTo('body'); console.log("box offset = ", $('#box').offset()); console.log("boxClone offset = ", $('#newId').offset()); }); 

并添加CSS

 div#box, div#newId { /* ... */ } 

演示： JSFiddle