รับและกำหนดตำแหน่งด้วย jQuery .offset ()

วิธีการรับและกำหนดตำแหน่งขององค์ประกอบด้วย.offsetวิธีjQuery

สมมติว่าผมมี div และอื่น ๆlayer1 layer2ฉันจะได้รับตำแหน่งlayer1และตั้งค่าตำแหน่งเดียวกันได้layer2อย่างไร?

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

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

ขอแนะนำอีกทางเลือกหนึ่ง jQuery UI มีคุณสมบัติตำแหน่งใหม่ที่ช่วยให้คุณสามารถวางตำแหน่งองค์ประกอบที่สัมพันธ์กันได้ สำหรับเอกสารที่สมบูรณ์และการสาธิตดู: http://jqueryui.com/demos/position/#option-offset

วิธีหนึ่งในการวางตำแหน่งองค์ประกอบของคุณโดยใช้คุณสมบัติตำแหน่ง:

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

ทำได้ แต่คุณต้องรู้ว่าการใช้การoffset()กำหนดตำแหน่งขององค์ประกอบที่สัมพันธ์กับเอกสาร:

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

นี่คือตัวเลือก นี่เป็นเพียงสำหรับพิกัด 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/