javascript - jQuery .height() 或 outterheight() 返回值大于实际元素高度

Question

我试图遍历所有具有类 svg_hover 的元素并获取它们的高度。然而，它似乎给了我不可能的高度，例如，如果你看图片，这个元素的正确高度是 305，但它给了我 327。而且偶尔会变得更糟，它会给我 600 的数字。

这是我的代码。

var el = $('.svg_hover')

  $(document).ready( ()=> {

    el.each(function ( idx ) {
      let e = $(this),
          content_height = e.outerHeight();

      console.log(e, content_height);

    })
  })

Answer 1

尝试在 $(window).load() 而不是 $(document).ready() 中调用 outerHeight，因为 $(window).load() 在计算之前等待所有元素(例如图像)加载height 与 $(document).ready() 不同，后者可能计算得太早