Nhận và đặt vị trí với jQuery .offset()

Question

Cách nhận và đặt vị trí của một phần tử với phương thức jQuery .offset?

Giả sử tôi có div layer1 và một số layer2 khác. Làm cách nào để có được vị trí của layer1 và đặt cùng một vị trí thành layer2?

Answer 1

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

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

Answer 2

Đó là doable nhưng bạn phải biết rằng việc sử dụng offset() đặt vị trí của các yếu tố liên quan đến tài liệu:

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

Answer 3

tôi khuyên bạn nên 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. Để xem tài liệu và bản demo hoàn chỉnh, hãy xem: http://jqueryui.com/demos/position/#option-offset.

Dưới đây là một cách để xác định vị trí các yếu 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); 

Answer 4

Đây là một lựa chọn. Điều này chỉ dành cho các tọa độ x.

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

Answer 5

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/