使用.css()缩放最小高度到窗口高度的JQuery哪里出错？

Question

我正在写一个脚本，把我英雄单位的最小高度缩小到窗口高度减去标题。除非它的子容器比窗口高。我必须在某个地方停止使用语法，因为到目前为止，我的语法不起作用。

$(function () {

    function heroUnitHeight() {
        if( $('.hero-unit').height < $(window).height ) {
            $('.hero-unit').css("min-height", ( $(window).height() - $('header').height())  + "px");
        } else {
            $('.hero-unit').css("min-height", $('.quick-search').height());
        }
    }

    $(document).ready(function() {
        $('.hero-unit').css("padding-top", ( $('.hero-unit').height() - $('.quick-search').height()) / 4  + "px");
        heroUnitHeight();
    });
    $(window).resize(function() {
        $('.hero-unit').css("padding-top", ( $('.hero-unit').height() - $('.quick-search').height()) / 4  + "px");
        heroUnitHeight();
    });

});

Answer 1

仅在heroUnitHeight函数的第一条if-语句中，您要调用高度和括号：$('.hero-unit').height和$(window).height