克隆沒有獲得原始div的頂部/左側值

Question

我在這裏克隆了一個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()); 

}); 

see demo

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