[英]Check the div's height every 5 seconds and change class if true
我已经有了此功能,可以检查更改,如果为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
到#vs
。 我设法在JSFiddle中使这项工作出色,但是我不知道如何将其与上面的javascript合并。
我非常困惑,我找不到有关如何执行此操作的任何信息。 非常感谢所有帮助和提示!
我确定我在这里丢失了一些东西,但为什么不将其添加到传递给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粘贴到此处!
编辑:在成功回调中添加了代码,因为您可能想在添加新内容时调整大小,如皮埃尔所说
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.