铬: jQuery高度未在第一次加载时设置

Question

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

错误：

​

right：

​

这是我的代码：

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的高度，这似乎表明动画可能要对此负责。但是当我删除所有的动画时，我仍然得到同样的结果.

我该怎么解决这个问题？

Answer 1

我在页面加载时使用jquery给您设置div的设置高度。

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

谢谢。