JQuery - размеры и абсолютное положение элемента

Question

Я пытаюсь скопировать размеры элемента и позицию (относительно документа) на другой элемент.

Ex:

var SelectedElement = $("div#MyTargetElement"); 

    // The CopiedButEmpty element is a div with absolute position that is meant to hover/float above the selected element. 
    $("div#CopiedButEmpty").css("width", SelectedElement.width()).css("height", SelectedElement.height()) 
    .css("left", SelectedElement.offset().left).css("top", SelectedElement.offset().top) 
    .css("marginTop", SelectedElement.css("marginTop")).css("marginLeft", SelectedElement.css("marginLeft")) 
    .css("marginRight", SelectedElement.css("marginRight")).css("marginBottom", SelectedElement.css("marginBottom")) 
    .css("paddingLeft", SelectedElement.css("paddingLeft")).css("paddingTop", SelectedElement.css("paddingTop")) 
    .css("paddingRight", SelectedElement.css("paddingRight")).css("paddingBottom", SelectedElement.css("paddingBottom")); 

Но в некоторых случаях, она по-прежнему не дает мне правильную позицию. Я что-то упускаю? Есть ли способ легко скопировать позицию элементов (относительно документа), поэтому мой элемент «CopiedButEmpty» может навешивать элемент.

Заранее благодарен!

Answer 1

Интересно, почему вы не выбрали использование jquery clone().