jquery-ui - JQuery:加载ajax内容后动画调整div大小

Question

我使用以下代码每秒重新加载 div #console 的内容。

var update = setInterval(
    function(){
        $("#console").load("/console");
        $.ajaxSetup({ cache: false });
    }, 1000
);

这个效果非常好。另外我希望 div 的大小调整是动画的。

我尝试过这样的事情:

            $("#console").load("/console").animate({height: 'auto'}, 1000);

但是这不起作用。有什么想法吗？

更新:

感谢您的回答，成功了! 但还有一个问题我没有看到:

我打电话

animate({height: 'auto'}, 1000)

但是 animate 只能处理数值，但现在可以处理“自动”。 我的意图是，div 始终适合内容。这可以以某种方式实现吗？

Answer 1

这应该有效:

var update = setInterval(
            function () {
                $("#console").load("/console", function (responseText, textStatus, XMLHttpRequest) {
                    if (textStatus == "success") {
                        $("#console").animate({ height: 'auto' }, 1000);
                    }
                });
                $.ajaxSetup({ cache: false });
            }, 1000
        );