javascript - Div の高さは常に同じ数値を返すとは限りません

Question

私は使っている

$(document).ready(function(){
    var height = $('#home_sidebar').height();
});

home_sidebar div の高さを取得します。コードは、ページが完全に読み込まれたときにのみ実行されます。ただし、時々異なる数値を返します。たとえば、1699 と表示される場合もあれば、1398 が返される場合もあります。

この div 内に "img" および "a" タグがありますが、何が問題になる可能性がありますか?

ちなみに、http://www.city365.caにドッキング div を実装しています。色付きのアイコンがページの上部にくっついている場合は、機能しています。

ページの下部に色付きのアイコンがドッキングしている場合は、機能していません。

Answer 1

$(window).load()画像がロードされていることを確認するために使用します

$(window).load(function(){
    var height = $('#home_sidebar').height();
});

Answer 2

また、ロード間にウィンドウのサイズを変更したという別の（明らかな）可能性についても述べます。完成させるだけです:)

Answer 3

これを試して：

$(window).on('load', function(){
    var height = $('#home_sidebar').height();
});

$(window).on('load'...起動する前に画像が読み込まれるのを待ちます。