计算并设置某些div的高度（初始设置）。 当浏览器窗口的高度改变时->更改div的高度

Question

我需要计算并设置一些div的高度（初始设置）。 当浏览器窗口的高度更改时->更改div的高度。

如何更好地重写此代码（我想一次进行初始设置，并在调整窗口大小时进行更改）：

$(document).ready(function () {
    var height = document.documentElement.clientHeight - 500;
    if (height < 135) {
        height = 135;
    }
    document.getElementById('left_space').style.height = height + 'px';

    $(window).resize(function () {
        var height = document.documentElement.clientHeight - 500;
        if (height < 135)
        {
            height = 135;
        }
        document.getElementById('left_space').style.height = height + 'px';
    });
});

Answer 1

那是您要找的东西吗？

api.jquery.com

jQuery(document).ready(function () {

$(window).resize(function() {
   var height = document.documentElement.clientHeight - 500;
    if (height < 135) {
        height = 135;
    }
    document.getElementById('left_space').style.height = height + 'px';

    jQuery(window).resize(function () {
        var height = document.documentElement.clientHeight - 500;
        if (height < 135)
        {
            height = 135;
        }
        document.getElementById('left_space').style.height = height + 'px';
    });

});


});

Answer 2

如果您纯粹是想整理一下代码，它可能看起来像这样：

$(document).ready(function () {

    var resizeIt = function() {
      var height = Math.max(document.documentElement.clientHeight - 500, 135);
      $('#left_space').css('height', height + 'px');
    };

    resizeIt();

    $(window).resize(function () {
        resizeIt();
    });
});

在这里，我已经摘录了将高度设置为自己的函数的代码行，因此这些代码不会重复。 然后，我利用了可以在jQuery中使用的一些较短的语法来查找和更改元素的样式。

Answer 3

我认为jQuery（window）.resize一个会很好