在加载时运行功能并调整大小＆amp;得到班级的高度

Question

我已经创建了这个功能但是有两件事没有用，经过一段时间试图找到原因，我找不到原因。

首先，它应该取.bar-info的高度，但不是。{它得到-10，而不是100px

第二次，当页面加载（和调整大小）时，它应该运行此函数并获得高度，但它不会。它适用于调整大小，但不是准备就绪

onResize = function() {
    if($(window).width() < 1000) {

        //Set height based in number of bars
        $('.vert .bars').each(function(){
            var length = $(this).find(".bar-info").length;
            var info = $(this).find(".bar-info").height();  // 1. Not taking the correct height

            var height =  (info * length) + 1270 + "px";
            $(this).parent().css({"height":height}); // 2. Wrong height just on load
        });

    } else {
        $('.vert .bars').each(function(){
            $(this).parent().css({"height":"1200px"});
        });
    }
}

$(document).ready(onResize); // Why it doesn't work?
$(window).resize(onResize); // This works

HTML：

<div class="container vertical flat vert">
 <div class="bars">
    <div class="bar-general">
        <div class="bar-info">Content</div>
    </div>
 </div> 
</div>