javascript - 每 5 秒检查一次 div 的高度，如果 true 则更改类

Question

我已经有了这个函数，它会检查更改，如果 true 则仅更新此 div。

jQuery(document).ready( function($) {
    var auto_refresh = setInterval(function() {
        $.ajax({
            success: function(data) {
                var result = $('<div />').append(data).find('div#vs').html();
                $('div#vs').html(result);
            }
        })
    }, 5000); // refreshing after every 5000 milliseconds
})

这很好用，但现在我想添加另一个功能，我已经制作了这个 javascript http://jsfiddle.net/jockebq/ocLh1rLd/

它的作用是，如果 div #vs 的高度超过 300px，它将向 # 添加类 .vscroll与。 我已经成功地在 JSFiddle 中完成了这项工作，但我不知道如何将其与上面的 javascript 合并在一起。

我非常困惑，我找不到任何有关如何执行此操作的信息。非常感谢所有帮助和提示!

Answer 1

我确信我在这里遗漏了一些东西，但为什么不只是 将其添加到传递给 setInterval 的函数中，并与 ajax 调用一起运行

     var auto_refresh = setInterval(function() {
            $.ajax({
                success: function(data) {
                    var result = $('<div />').append(data).find('div#vs').html();
                        $('div#vs').html(result);
                        if (document.getElementById('vs').clientHeight > 300 ) 
                            $('div#vs').addClass('vscroll');
                    }
            });


        }, 5000); // refreshing after every 5000 milliseconds
        })

PS:你的ajax最好不要像你粘贴的那样!

编辑:在成功回调中添加了代码，因为您可能希望在附加新内容时调整大小，正如皮埃尔所说