主页 / 问题 / 674752
Accepted
humster_spb
Asked:2020-06-03 21:43:29 +0000 UTC2020-06-03 21:43:29 +0000 UTC

jquery：块高度函数不能正常工作

  • 772

有一个函数可以将块的高度与不同的内容对齐：

    var myHeight = function() {
        var mh = 0;
        $(".block").each(function () {
            var h_block = parseInt($(this).height());
            if(h_block > mh) {
                mh = h_block;
            };
        });
        $(".block").height(mh);
    }

我调用它来加载页面并更改屏幕大小。

在 $(window).load 上一切正常。

但 $(window).resize 存在问题：块的高度不会根据内容的数量进行调整，因此，当屏幕缩小时，内容开始从某些块的下方爬出。

为什么会这样？如何解决？

javascript

1 个回答

  1. Best Answer

    这样的解释。当页面加载时，所有块的值都height等于auto，块的高度是根据内容计算的，该方法.height()返回这个自动计算的高度。在你的函数完成后，所有的块都会有一个固定的高度，并且在 event 上resize，该方法.height()将准确地返回这个高度，你的函数不会以任何方式影响块。

    您可以尝试在下次搜索最大高度之前重置块的固定高度，方法是：

    $(".block").height('auto');

    在你的情况下是这样的：

    var myHeight = function() {
    var mh = 0;
    $(".block").height('auto');
    $(".block").each(function () {
        var h_block = parseInt($(this).height());
        if(h_block > mh) {
            mh = h_block;
        };
    });
    $(".block").height(mh);
}
    • 1

相关问题