jQuery offset()返回null

Question

为什么我的代码不返回顶部和左侧的值？而是返回null。是否需要已经为offset()；设置了一些值才能工作？

var divOrg = $( "#portfolioButton" );
var pos = divOrg.offset();
console.log( "left : " + pos.left + ", top : " + pos.top );

Answer 1

只要div没有被隐藏，您的代码就应该工作得很好。请参阅fiddle

<div id="portfolioButton">text</div>

您不需要设置任何值就可以让offset()工作。它从元素相对于文档的位置获取它的值。

.offset()方法允许我们检索元素相对于文档的当前位置。

Answer 2

在你的页面头部试试这个：

<script type="text/javascript">
$(document).ready(function() {

     var divOrg = $( "#portfolioButton" );

        var offset = divOrg.offset();
        divOrg.html ("left : " + offset.left + ", top : " + offset.top );

 console.log(divOrg)
});
    </script>

在正文中：<div id="portfolioButton">Test1.</div>

参考：http://api.jquery.com/offset/