jQueryの - 要素の高さの和を計算し、.body divの上で「最小の高さ」として適用する要素

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上に存在する場合、それは正常に動作しますが、 1つの要素が不足している場合は、それが壊れています

グッド - https://jsfiddle.net/0ggr3ptv/1/

バッド - https://jsfiddle.net/oed11Lzm/1/ .bottomのdiv要素が欠落しています。

不足要素を除外する方法またはそれらを0にする方法はありますか？

jQuery 3.1.1と.bottom divの使用は未定義になります。どうすれば修正できますか？ 0に設定されたデフォルト値を作るためのおかげ代わり

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

の

Answer 1

使用

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

がhere見つけることができるより多くの情報があります。

Answer 2

それはisNAN() d = isNaN(d) ? 0 : d;

更新フィドルを参照してください使用して番号であるかどうかを確認することができます：https://jsfiddle.net/oed11Lzm/2/

を