jQuery - .outerHeight（）没有返回正确的值

Question

我希望position: absolute;的子元素适合其静态父级。我尝试在子级上应用子元素的.outerHeight()值。 但是.outerHeight()似乎无法捕捉子元素中定义的高度值。

.ft-slider是父级，slides[]拥有子级元素。

/* find all sliders */ 
var sliders = $(document).find(".ft-slider");

/* initialise sliders */
for (var i=0; i < sliders.length; i++) {

    /** adjust slider height to its content **/
    var slides = $( sliders[i] ).children(),
        heights = [];

    /* get heights */
    for (var j=0; j < slides.length; j++){
        heights[j] = $( slides[j] ).outerHeight(true);
    }

    /* find heighest element */
    var highest = Math.max.apply(null, heights);

    /* apply height on .ft-slider */
    $( sliders[i] ).css("height", highest);


    /** only show first slide **/
    var last = slides.length - 1;

    /* hide all slides */
    for (var k=0; k < slides.length; k++){
        $( slides[k] ).hide();
    }
    /* show current (first) slide */
    $( slides[current] ).show();
}

这里是JSFiddle：http://jsfiddle.net/slottybon/8652rjx7/8/