1

我通过 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();
}
4

1 回答 1

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>');
});
于 2013-11-07T14:44:07.697 回答