从Ajax更新div内容时闪烁和闪烁

SBK

我正在从服务器获取数据。数据包含许多图像和其他一些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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

由AJAX读取时,图像每秒刷新一次,从而导致闪烁和闪烁

来自分类Dev

流星:更新时闪烁数据

来自分类Dev

经常更新值时闪烁

来自分类Dev

Firefox 在文档更新时闪烁

来自分类Dev

Java JLayeredPane内容在刷新时闪烁

来自分类Dev

网页内容闪烁/加载时移动

来自分类Dev

Android多个通知,避免更新时闪烁

来自分类Dev

更新标题时如何使按钮停止闪烁

来自分类Dev

Google Chrome悬停时图像/ div闪烁

来自分类Dev

Google Chrome悬停时图像/ div闪烁

来自分类Dev

div悬停时跨度的闪烁问题

来自分类Dev

Div 在超时淡入淡出时闪烁

来自分类Dev

RecyclerView是时自动滚动到和闪烁

来自分类Dev

使用滑鼠和滑鼠时闪烁

来自分类Dev

更新数据和使用动量滚动时,如何防止SlickGrid闪烁?

来自分类Dev

Ajax页面加载后无法摆脱内容闪烁

来自分类Dev

插入项目时,RecyclerView行闪烁/闪烁

来自分类Dev

div闪烁的样式

来自分类Dev

摆动和AWT GLCanvas闪烁/闪烁

来自分类Dev

Bootstrap 3崩溃-页面加载时隐藏内容的闪烁

来自分类Dev

内容可编辑元素背景在元素内部触摸时闪烁

来自分类Dev

分别重新加载单元格时,UITableViewCell内容闪烁

来自分类Dev

防止由于JavaScript内容注入而导致页面在加载时闪烁

来自分类Dev

内容可编辑元素背景在元素内部触摸时闪烁

来自分类Dev

Bootstrap 3崩溃-页面加载时隐藏内容的闪烁

来自分类Dev

在Div内滚动时,固定DIV时会闪烁

来自分类Dev

ListViewItem在选择时闪烁

来自分类Dev

当reloadData时CollectionView闪烁

来自分类Dev

Mouseenter和mouseleave闪烁