jqueryでページのロードが終わった時にとリサイズした時に$(document).height()を取得する方法

Question

$(function(){
$(window).on("load resize",function(){
var docHeight = $(document).height();
〜中略〜
});
});

というソースを書いているのですが、
リサイズした時はきちんと$(document).height()の値が取得できるのですが、
ページを最初にロードした時は、なぜか$(document).height()はdocumentの高さではなく、windowの高さが取得されてしまいます。

何が間違っているのか分からないため、
どなたかご教示いただけますと、大変有り難いです。

Answer 1

多分、この部分のコードだけでは分からないような…

Comments

[heureux]

コメントありがとうございます。
失礼しました。全コードを貼付けいたします。

$(function(){
$(window).on("load resize",function(){
var winHeight = $(window).height();
var docHeight = $(document).height();
var setHeight;
if( winHeight > docHeight ){
setHeight = winHeight;
}else{
setHeight = docHeight;
}
var headerHeight = $("header").height();
$("#Content").height(setHeight-headerHeight);
});
});

[退会済みユーザー]

いえ、失礼ではないです。
ちなみに、何か他にプラグインやフレームワークなどを利用されていませんか？
onloadの後にDOMを再構築するようなライブラリなどです。

[退会済みユーザー]

テストしてみたんですが、
$(document).ready()と$(window).on("load")の実行順序は
$(document).ready()の方が先のようです。
ですから$(window).on("load")で$(document)の高さが取れないのはおかしいなと思いましたので。

そのコードだけだと、こちらの環境では正しくdocHeightが取得できます。

Answer 2

ブラウザによっても挙動が違う場合があります。
どのブラウザで確認してますか？

Comments

[heureux]

コメントありがとうございます。
MacのChrome(ver39)とFireFox(ver32)で確認しておりました。
この2つでだめならブラウザの問題ではなく、ソースが間違っているのかな、、、と思っておりました。

[orange0190]

よくよく考えたら当たり前のような気がします。
ページロード時にはドキュメントの高さは初期値のままで、その場合にはwinHeight = docHeightになるのかもしれません。
その後、$("#Content").height(setHeight - headerHeight)によってドキュメントの高さが変化して、リサイズではwinHeight ≠ docHeight になるのではないでしょうか?
全然調べてなくてぱっと思っただけですので、確証はまったくありませんが・・・

[orange0190]

ちなみに、こちらの環境ではドキュメントの高さを変化させない場合には、常にwinHeight = docHeight でした。
実行環境はChromeの41.0でした。