jQuery .offset() ile konum al ve ayarla

Question

Bir öğenin konumunu jQuery .offset yöntemiyle nasıl alabilir ve ayarlayabilirsiniz?

Diyelim ki bir layer1 ve başka bir layer2. layer1'un konumunu nasıl alabilirim ve aynı konumu layer2 olarak ayarlayabilir miyim?

Answer 1

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

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

Answer 2

Yapılabilir ama offset() kullanarak belgeye eleman göre konumunu belirlediğini bilmek zorunda: Ben başka bir seçenek tavsiye

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

Answer 3

. jQuery UI, öğeleri birbirine göre konumlandırmanıza izin veren yeni bir konum özelliğine sahiptir. Tam dökümantasyon ve demo için bakınız: http://jqueryui.com/demos/position/#option-offset.

Burada pozisyon özelliğini kullanarak öğeleri konumlandırmak için şu yöntemi kullanabilirsiniz:

İşte

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

Answer 4

bir seçenektir. Bu sadece x koordinatları içindir.

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/