jQuery的 - 計算元素

Question

要計算元素的高度之和應用上。體格「最小高度」我使用的高度總和：

$(window).on("resize", function() { 
    var a = $("body").outerHeight(); 
    var b = $(".header").outerHeight(true); 
    var c = $(".footer").outerHeight(true); 
    var d = $(".bottom").outerHeight(true); 
    $(".body").css("min-height", a - b - c - d); 
}).trigger("resize"); 

它工作正常，如果所有元素的HTML存在，但如果其中一個元素遺漏了它，那麼它將被破壞

好 - https://jsfiddle.net/0ggr3ptv/1/

壞 - https://jsfiddle.net/oed11Lzm/1/ .bottom DIV丟失。

如何排除缺失的元素或讓它們爲0？

使用jQuery 3.1.1和.bottom div變得未定義。我該如何解決它？由於

Answer 1

使用

var d = $(".bottom").outerHeight(true) || 0; 

而不是

var d = $(".bottom").outerHeight(true); 

使設置爲默認值0。還有，可以發現here更多信息。

Answer 2

您可以檢查它是否是數字或不使用isNAN() d = isNaN(d) ? 0 : d;

見更新小提琴：https://jsfiddle.net/oed11Lzm/2/