jquery - jQuery offset() は null を返します

Question

私のコードが上と左の値を返さないのはなぜですか? 代わりに null を返します。offset(); にすでにいくつかの値を設定する必要がありますか? 働く？

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

Answer 1

divが隠されていなければ、コードは正常に動作するはずです。フィドルを見る

<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/