获取元素高度内联时的奇怪行为 - 获得正确的高度需要时间

Question

我有一个包含100张图片的滑块，我想提取每个父素的height（包装器），所以我使用内联onload事件：

<div class="wrap" style="height: 100%">
  <img src="<%=i.src%>" style="width: 100%; max-height: 100%" onload="
       var maxHeight = $(this).parent().height();
       console.log(maxHeight)">
 </div>

我可以在图像height上获得正确的读数。问题出在父.wrap元素上 奇怪的是，只有大约一半的图像记录了正确height（几乎是前半部分记录0 height而只有另一半记录正确的height）如果我换行在setTimeout函数中的javascript然后我可以看到我使用的时间越多，我得到的日志就越正确height，直到所有日志都正确为止。所以我知道这与load事件的时间有关，但是当它发射时不应该呈现所有内容，因为我试图让父亲height {{{{{{ 1}}？
所以： 1）为什么会发生这种情况？ 2）如何使它工作？