(JQuery)偏移()坐标？
(JQuery)偏移()坐标？
提问于 2012-02-10 00:43:35
$(".div1").hide();
$(".div2").offset( $(".div1").offset() ).slideDown();offset()似乎返回元素相对于文档的当前坐标。很好。但是，当我尝试使用offset(value)来设置元素的坐标时，它是相对于元素的当前位置执行的，而不是相对于文档。
在示例代码中，我尝试将div2放在与div1相同的位置。
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<style>
div{margin-bottom: 2px; height: 70px}
.red{background-color: red}
.blue{background-color: blue}
.green{background-color: green}
.orange{background-color: orange}
.pink{background-color: pink}
.msg{background-color: skyblue; border: 1px solid black; border-radius: 5px; display: none}
</style>
<script type="text/javascript" src="/scripts/jquery-1.6.2.min.js"></script>
<script>
$(function(){
$(".msg").offset( $(".blue").offset() ).slideDown();
});
</script>
<body>
<div class="red"></div>
<div class="blue"></div>
<div class="green"></div>
<div class="orange"></div>
<div class="pink"></div>
<div class="msg">
TEST
</div>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2012-02-10 00:48:30
问题是因为您首先隐藏了.div1，从而使它的偏移量不可访问。按如下所示更改您的代码，它将正常工作：
$(".div2").offset( $(".div1").offset() ).slideDown();
$(".div1").hide();我已经在jsFiddle中测试过这个作品，但目前无法链接到它，因为他们正在更改其主机。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9214999
复制相关文章
相似问题
腾讯云开发者
