Chrome:jQuery高度未在首次加载时设置

我在Chrome中遇到了一个奇怪的错误仅，当通过jQuery设置高度时，在加载时无法正确设置高度。刷新浏览器时，高度将设置为“加载时查找”，但当您打开新选项卡或首次导航到页面时，高度设置不正确：

错误：

右侧：

这是我的密码：

jQuery(document).ready(function ($) {
    var $grid = $(".tile-grid"),
        $homeGrid = $(".home"),
        $boxes = $grid.find("section"),
        $window = $(window);

    function resizeBoxes() {
        var boxWidth = $boxes.first().not(".active").outerWidth();
        $boxes.css("height", boxWidth);
    }

    function main() {
        $window.on("resize", function() {
            resizeBoxes();
        });
        resizeBoxes();
    }
    main();
});

进一步调查后，我发现该功能已执行，但每个框的高度均设置为

9px

，这似乎表明动画可能对此负责。但是当我删除所有动画时，我仍然得到相同的结果

---

如何解决这个问题？

我在页面加载时使用jquery为您提供了div设置高度的jsfiddle

请访问此提琴。（jsfiddle.net/cPHe4/2/）更改页面加载时Div的高度。我想这对你有帮助

---

谢谢。

您能为我们制作一个小提琴演示吗？