【jQuery】ready()でheight()の高さが取れない

2015年06月07日

  1. TOP
  2. BLOG
  3. HTML
  4. 【jQuery】ready()でheight()の高さが取れない

divなどのブロック要素に対して高さを取りたいときheight()を使いますが 要素の中に画像が含まれている場合jQueryのready()の中に書いた時、高さが取れないことがあります。

$(document).ready( function()
{
    var h = $("div").height();
    alert(h);
});

回避する方法としてはready()は画像が読み込まれる前に実行されるので 全ての読み込みが終わってから実行されるload()を使います。

$(window).load( function()
{
    var h = $("div").height();
    alert(h);
});

画像の高さが固定ならimgをdivとかで囲ってheightを設定すれば解決するかも。 ただ昨今のレスポンシブの流行りでheightを指定出来ないことが多いんですよね。

こうなるとJSに頼りっきり。。