jquery石工图像高度自动不起作用，即使有图像

Question

我知道这里有很多答案，但是没有一个对我有用。

我正在尝试以固定宽度加载图像，但是图像的高度不同。

我正在将Jquery Masonry与imagesLoaded js一起使用，但仍然无法正常工作。 如果我将CSS中的宽度和高度设置为像素大小，则可以正常工作，但是如果我将高度更改为自动，则会失败，并且所有图像都将加载相同的高度。

这是我用来初始化的javascript（我已经尝试了许多变体！）

var container = document.querySelector('#container');
var msnry;
// initialize Masonry after all images have loaded
imagesLoaded( container, function() {
msnry = new Masonry( container, {
// options
columnWidth: 390,
itemSelector: '.item'
} );
});

这是CSS

img {display:block; height:auto; width:390px;}

我已经忙了好几天了，有人必须知道答案！

Answer 1

希望这会在将来对一些人有所帮助。

我唯一能做的就是等待页面完全加载以设置这些高度，然后再获取这些高度。

为此，我使用了window.load。 也许有更好的方法，但这对我有用。

$(window).load(function(){

 $('.someDiv').each(function () {

  var $this = $(this);
    var someDivHeight = $this.height();

    console.log(someDivHeight);

  });
});