Lấy và đặt vị trí với jQuery .offset ()

Làm cách nào để lấy và đặt vị trí của một phần tử bằng .offsetphương thức jQuery ?

Giả sử tôi có một div layer1và một div khác layer2. Làm cách nào để tôi có được vị trí layer1và đặt vị trí tương tự layer2?

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

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

Tôi đề nghị một lựa chọn khác. jQuery UI có một tính năng vị trí mới cho phép bạn định vị các phần tử tương đối với nhau. Để có tài liệu và bản trình diễn đầy đủ, hãy xem: http://jqueryui.com/demos/position/#option-offset .

Đây là một cách để định vị các phần tử của bạn bằng cách sử dụng tính năng vị trí:

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

Điều đó có thể làm được nhưng bạn phải biết rằng việc sử dụng offset()đặt vị trí của phần tử so với tài liệu:

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

Đây là một tùy chọn. Đây chỉ là cho các tọa độ x.

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/