javascript - 基于视口(viewport)高度的动态高度

Question

我有以下代码，可以调整目标元素的高度 但它仅适用于调整大小事件，不适用于页面加载时。 这里的缺陷可能是什么，没有随着页面加载动态设置高度？

我还想知道如何将迭代代码变成模块化结构 这个场景。

$(window).resize(function() {
    var viewportHeight = $(window).height();
    var search = $(#something).outerHeight();
    $(".k-grid-content").height(viewportHeight - (400 - search));
});

$(function () {
    var viewportHeight = $(window).height();
    var search = $("#something").outerHeight();
    $(".k-grid-content").height(viewportHeight - (400 - search));
});

Answer 1

像这样怎么样:

var resizeGrid = function() {
    var viewportHeight = $(window).height();
    var search = $("#something").outerHeight();
    $(".k-grid-content").height(viewportHeight - (400 - search));
};
$(window).resize(function() {
    resizeGrid();
});

$(document).ready(function () {
    $(window).trigger("resize");
});