動態加載內容后的jQuery動畫div高度

Question

我通過AJAX加載頁面，其內容表示為字符串。 此后，如果內容大於實際容器的高度，我想為容器的高度設置動畫。 但是， _height為0。為什么？

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

編輯：這是一個帶有工作動畫的小提琴，用於已加載（模擬）內容的容器（或其他div）：

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>');
});