我正在从服务器获取数据。数据包含许多图像和其他一些html元素。用服务器响应替换div的内容时,它始终在div内闪烁。
$('#div').html(serverResponse);
我也遵循这种方法:从ajax更新页面时如何避免闪烁,但仍然闪烁
如何防止闪烁。
您可以'#div'
先隐藏images
,然后等到全部加载完毕,然后再显示'#div'
。
$.ajax({
url: '',
success: function (serverResponse) {
$('#div').html(serverResponse).hide();
var $imgs = $('#div img'), //all images inside '#div'
len = $imgs.length,
imgs_loaded = 0;
$imgs.load(function(){
imgs_loaded++;
if(imgs_loaded == len){
$('#div').show();
}
});
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句