javascript - $(window).height() : works if division doesn't work if subtraction 上的 jQuery 数学运算

Question

我想根据窗口大小计算元素的大小。

此代码有效:

var photoHeight = function() {
    return {
        'height' : ($(window).height() / 15) + 'px'
    }
}

$(document).ready(function() {
    var $obj = $('#photo');
        var photoCss = photoHeight();
        $obj.css( photoCss );
    $(window).resize(function () {
        $obj.css( photoCss );
    });
});

但我需要减去而不是除。如果我改变

'height' : ($(window).height() / 15) + 'px'

到

'height' : ($(window).height() - 15) + 'px'

该值似乎是“未定义的”并且没有应用 .css。

完整的计算应该是这样的:

'height' : ($(window).height() - $('#page-header').outerHeight() - $('#page-footer').outerHeight() - 50) + 'px'

Answer 1

您不需要 photoHeight() 函数(没有它更简单):

$(document).ready(function() {
    var $obj = $('#photo');
    $obj.css("height", $(window).height() / 15);
    $(window).resize(function () {
        $obj.css("height", $(window).height() / 15);
    });
});

另请注意:如果您将变量 photoCSS 设置为 photoHeight()，即使窗口调整大小，它也不会改变。如果您想使用函数，请使用类似 $obj.css(photoHeight());

的东西