javascript - jQuery获取流体图像的高度

Question

我需要获取图像的高度并将高度应用于另一个 div。这很容易使用

$(window).load(function() {
    var img_height = $('#image').height(); 
    $('.some_div').css('height', img_height);
});

但是...图像设置为宽度 100% 并在重新调整浏览器窗口大小时更改大小。是否可以获得图像的实时高度？

Answer 1

$(window).resize(function () {
  var image_height = $('img').height();
  $('div').css({
      'height': image_height
  });
});

这是一个使用控制台报告图像高度的JSFiddle 。

Answer 2

您可以使用窗口resize回调

$(window).resize(function(){
    var img_height = $('#image').height(); 
    $('.some_div').css('height', img_height);
})