jQueryの高さは（）だから私は要素を持っているclientHeight

Question

異なります

<div class="obj"> 
    <img width="896" height="595" src... /> 
    <div class="details"> 
    <h2>Title</h2> 
    <p>...</p> 
    </div> 
</div> 
<div class="obj"> 
    <img width="896" height="595" src... /> 
    <div class="details"> 
    <h2>Title</h2> 
    <p>...</p> 
    </div> 
</div> 

私は、彼らにこれを実行しています：

$objs = $('.obj'); 
$objs.each(function() { 
    console.log($(this).height()); 
} 

要素インスペクタでクロム、.OBJの高さに720（画像と同じ）です。しかし、私は各要素のためのコンソールで0を得る。

イメージはフローティングではないため、.objにはそのイメージがCSSで含まれています。私は何がうまくいかないのか、なぜjQueryが返されないのかは分かりません。

CSSと関連がありますか？

Answer 1

window.onloadイベントを処理して、すべてのイメージがロードされていることを確認します。

$(window).load(
    function() { 
    $objs = $('.obj'); 
    $objs.each(function() { 
     console.log($(this).height()); 
    } 
    } 
); 

Answer 2

CSSに関連する可能性があります。 CSSを投稿することなく、知るのは難しいです。 （あなたは、objの高さは720で、画像と同じですが、画像の高さは595に設定されているとChromeから報告しています）

このjsfiddleは、どのように動作するかを示しています。