blocks|key|831346|text|//Get
var+p+=+$("#elementId");
var+offset+=+p.offset();

//set
$("#secondElementId").offset({+top:+offset.top,+left:+offset.left});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|831347|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>//Get
var p = $("#elementId");
var offset = p.offset();

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

blocks|key|831366|text|这是可行的，但您必须知道，使用offset()设置元素相对于文档的位置：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|831367|$('.layer1').offset(+$('.layer2').offset()+);|code-block|syntax|javascript|831368|entityMap^0|F|8|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

It's doable but you have to know that using <code>offset()</code> sets the position of the element relative to the document:

<pre><code>$('.layer1').offset( $('.layer2').offset() );
</code></pre>

blocks|key|1046400|text|我推荐另一种选择。jQuery+UI有一个新的位置功能，允许您相对于彼此定位元素。有关完整的文档和演示，请参阅：http://jqueryui.com/demos/position/#option-offset。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1046401|以下是使用position特性定位元素的一种方法：|1046402|var+options+=+{
++++"my":+"top+left",
++++"at":+"top+left",
++++"of":+".layer1"
};
$(".layer2").position(options);|code-block|syntax|javascript|1046403|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/demos/position/#option-offset^0|1K|1D|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I recommend another option. jQuery UI has a new position feature that allows you to position elements relative to each other. For complete documentation and demo see: <a href="http://jqueryui.com/demos/position/#option-offset">http://jqueryui.com/demos/position/#option-offset</a>.

Here's one way to position your elements using the position feature:

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

blocks|key|831456|text|这里有一个选择。这只是x坐标。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|831457|var+div1Pos+=+$("#div1").offset();
var+div1X+=+div1Pos.left;
$('#div2').css({left:+div1X});|code-block|syntax|javascript|831458|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Here is an option. This is just for the x coordinates.

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

blocks|key|1046461|text|var+redBox+=+$(".post");

var+greenBox+=+$(".post1");

var+offset+=+redBox.offset();

$(".post1").css({'left':+%2Boffset.left});
$(".post1").html("Left+:"+%2Boffset.left);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1046462|http://jsfiddle.net/va836/159/|unstyled|offset|length|1046463|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|U|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>var redBox = $(".post");

var greenBox = $(".post1");

var offset = redBox.offset();

$(".post1").css({'left': +offset.left});
$(".post1").html("Left :" +offset.left);
</code></pre>

<a href="http://jsfiddle.net/va836/159/" rel="nofollow noreferrer">http://jsfiddle.net/va836/159/</a>

How to get and set the position of an element with the jQuery <code>.offset</code> method?

Let's say I have a div <code>layer1</code> and another <code>layer2</code>. How can I get the position of <code>layer1</code> and set the same position to <code>layer2</code>?

Get and set position with jQuery .offset()

jQuery

如何使用jQuery .offset方法获取和设置元素的位置？假设我有一个div layer1和另一个layer2。如何获取layer1的位置并将相同的位置设置为layer2

问使用jQuery .offset()获取和设置位置
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery .offset()获取和设置位置EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用jQuery .offset()获取和设置位置
EN