Position abrufen und festlegen mit jQuery .offset ()

Wie kann ich die Position eines Elements mit der jQuery- .offsetMethode abrufen und festlegen ?

Nehmen wir an, ich habe einen Div layer1und einen anderen layer2. Wie kann ich die Position von erhalten layer1und dieselbe Position einstellen layer2?

//Get
var p = $("#elementId");
var offset = p.offset();

//set
$("#secondElementId").offset({ top: offset.top, left: offset.left});

Ich empfehle eine andere Option. Die jQuery-Benutzeroberfläche verfügt über eine neue Positionsfunktion, mit der Sie Elemente relativ zueinander positionieren können. Eine vollständige Dokumentation und Demo finden Sie unter: http://jqueryui.com/demos/position/#option-offset .

Hier ist eine Möglichkeit, Ihre Elemente mithilfe der Positionsfunktion zu positionieren:

var options = {
    "my": "top left",
    "at": "top left",
    "of": ".layer1"
};
$(".layer2").position(options);

Es ist machbar, aber Sie müssen wissen, dass mit using offset()die Position des Elements relativ zum Dokument festgelegt wird:

$('.layer1').offset( $('.layer2').offset() );

Hier ist eine Option. Dies gilt nur für die x-Koordinaten.

var div1Pos = $("#div1").offset();
var div1X = div1Pos.left;
$('#div2').css({left: div1X});

var redBox = $(".post");

var greenBox = $(".post1");

var offset = redBox.offset();

$(".post1").css({'left': +offset.left});
$(".post1").html("Left :" +offset.left);

http://jsfiddle.net/va836/159/