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