javascript - JQuery 没有获得正确的宽度

我使用此脚本获取宽度，然后将其应用于同一元素:

$(document).ready(function(){
    $(".equal-height").each(function(){
        var slideSize = $(this).outerWidth();

        console.log(slideSize);

        $(this).css({ "height" : slideSize + "px" });
    });
});

但是，出于某种原因，有些元素有时无法获得匹配的宽度和高度。正如你在这个 fiddle 中看到的: https://jsfiddle.net/cpfgtuzo/5/ 最后一个元素具有正确的尺寸，但其余的都高于它们的宽度。我正在努力让它们都变得方正，而且我也需要支持旧浏览器。

当窗口的大小较小并且四个元素堆叠成 2 列时，这似乎只是一个问题。

最佳答案

在您对其他答案发表评论后，



和



这个解决方案似乎克服了这些问题，让我知道这是否有帮助，Working Fiddle

$(document).ready(function () {
    $(".equal-height").each(function () {
        var slideSize = $(this).outerWidth();

        console.log(slideSize);

        $(this).css({ "height": slideSize + "px", "width": slideSize + "px" });
        //setting the width along with height
    });
});

关于javascript - JQuery 没有获得正确的宽度，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35844195/