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只能处理数值但现在使用'auto'。我打算，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
        );

JQuery：在加载ajax的内容后动画调整div的大小

1 个答案: