Jquery ui JQuery：加载内容后动态调整div的大小

我使用以下代码每秒重新加载div#控制台的内容

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

这很有效。另外，我希望div的resizement是动画的

我试过这样的方法：

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

但它不起作用。有什么想法吗

更新：

谢谢你的回答，这很有效！ 但还有一个问题我没有看到：

我打电话

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

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

这应该是可行的：

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

---

你能提供一个复制的方法吗？很可能是在加载内容之前尝试调整大小是否尝试过

$（“#console”）.load（“/console”，function（）{$（this）.animate（{height:'auto'}，1000）；}）

.animate（）

需要为正在设置动画的CSS元素指定一个数值。用像素数或百分比代替“自动”来尝试代码，看看它是否有效。是的，使用

load

的处理程序而不是链接

animate

应该可以做到这一点