計算並設置某些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一個會很好