动态加载内容后的jQuery动画div高度

Question

I load page via AJAX and its content is represented as a string. After that I want to animate container's height if the content is bigger than actual container's height. But, _height is 0. Why ?

function adjustMainContainerHeight() {
    var _height = $('div.content').wrapInner('<div>').outerHeight();

    $("div.main").animate({ height: _height  }, 600);
}

function prepareResult(data) { //data is HTML string returned by server
    $('div.content').html(data);
    adjustMainContainerHeight();
}

Answer 1

Edit: heres a fiddle with a working animation for the container (or other div) of a loaded (simulation) content:

http://jsfiddle.net/sK6LN/

function adjustMainContainerHeight(_height) {

    $("div.main").animate({ height: _height  }, 600);
}

function prepareResult(data) { //data is HTML string returned by server
    $('div.content').html(data);
    adjustMainContainerHeight($('div.content').height());
}

$(function(){
    $('div.main').height(0);
    prepareResult('<p>foo</p><p>bar</p><p>foo</p><p>bar</p>');
});