无法获得孩子的身高

我要附加div到父母之一。我需要计算孩子们的占用空间。因为这样做循环查找孩子的身高;

this.clippings.children().each(function () {
    console.log($(this).outerHeight());
});

但是我一直都在0做，所以我决定使用deferred：

$.when(that.clippings.children()).then(function () {
    that.clippings.children().each(function () {
        console.log($(this).outerHeight());
    });
});

但我仍然得到相同的结果。我认为deferred我用这个错了。有人帮我吗？

我的应用程式码：

onClipHandle : function (el,pNo,clipIndex) {
            //store selections
            var that = this;
            var avilableClass = el.attr('class').split(' ');
            var requiredClass = avilableClass[avilableClass.length-1];
            var selectedText =  $.trim($('.'+requiredClass).clone().children().remove().end().text());
            var elementClass = $('.'+requiredClass).attr('class');

            var classes = elementClass.replace(/textHighLight /g,'');

            var clipper = clipTemp.clone(false); //cloning

            // console.log(classes);

            clipper.addClass(classes);


            var collectClips = classes.split(' ');


            clipper.find('.text').append(clipIndex);
            var textBox = clipper.find('textarea');
            textBox.text(selectedText);

            setTimeout(function(){
                if($(textBox)[0].scrollHeight > 100 ) {
                    that.scrollHandler(textBox);
                } else {
                    textBox.height($(textBox)[0].scrollHeight);
                }
            },100); //only i am getting the height by delaying!


            clipper.on('click', 'a.clippingbin', function (e) {
                e.preventDefault();
                textBox.slimScroll({destroy:true}); //removing scroll object
                var clip = $(e.currentTarget).parents('.clipping');
                $.event.trigger({type:'delete', clip : clipper, pagenum: pNo, clipIndex:clipIndex});
            });

            //add to side bar


            this.clippings.append(clipper); //appending
            $.event.trigger({type:'clipAppended', clip : clipper, pagenum: pNo, clipIndex:clipIndex }); //triggering
            $.event.trigger({type:'updateDocument',pagenum:pNo});


        }

一旦我听到了触发信号clipappended，我便进入了循环。

更新：

this.clip.each(function(){
                console.log($(this)); //consoles
                console.log($(this).height()); //getting 0
            });

不知道 ..？