Javascript jquery砌体图像高度自动调整';即使有图像标记,也不起作用

Javascript jquery砌体图像高度自动调整';即使有图像标记,也不起作用,javascript,jquery,jquery-masonry,Javascript,Jquery,Jquery Masonry,我知道这里有很多答案,但没有一个是为我工作的 我尝试加载固定宽度的图像,但图像的高度不同 我将Jquery砌体与imagesLoaded js一起使用,但仍然无法使其工作。如果我将css中的宽度和高度设置为像素大小,效果会很好,但如果我将高度更改为自动,则会失败,所有图像都加载相同的高度 这是我用来初始化的javascript(我已经尝试了很多版本!) 这是css img {display:block; height:auto; width:390px;} 这件事我已经讨论了好几天了,一定有人

我知道这里有很多答案,但没有一个是为我工作的

我尝试加载固定宽度的图像,但图像的高度不同

我将Jquery砌体与imagesLoaded js一起使用,但仍然无法使其工作。如果我将css中的宽度和高度设置为像素大小,效果会很好,但如果我将高度更改为自动,则会失败,所有图像都加载相同的高度

这是我用来初始化的javascript(我已经尝试了很多版本!)

这是css

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

这件事我已经讨论了好几天了,一定有人知道答案

希望这将在未来帮助一些人

我能做的唯一一件事就是等待页面完全加载,然后再抓取这些高度

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

$(window).load(function(){

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

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

    console.log(someDivHeight);

  });
});

你试过“img{height:100%;width:390px;}”吗?是的,我试过所有css替代方案。最后,结果是javascript以错误的顺序调用。ImagesLoaded js实际上是在砌体js之后加载的。现在修好了,谢谢。
$(window).load(function(){

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

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

    console.log(someDivHeight);

  });
});