网页图片加载发生混乱如何破，需要添加添加图片懒加载插件吗？

Question

我做的是一个商城项目，现在的需求就是在加载页面的时候，将图片等各种信息一起加载过来，现在问题来了，在数据上的时候一两条是没有问题的，可是在我添加数据到7条了以后就会出现读取混乱，有时候无法加载，有时候加载了商品类型不对，不过有的时候是对的，也是无赖了，这种问题应该如何去破，

我尝试使用过使用懒加载插件，可能使用方法不对，没有效果，现在还是把我以前的代码贴出来，大神们帮我看看是不是我设计上就是有问题的，

$(function(){
   
    
    for(var i=1;i<10;i++){
        //商品分类读取，网站首页至上而下都会有不同类的商品，这里从1到9，公9个类型 ，传入不同参数获取不同的商品类型信息。
        loadgoods(i);
        
    }
    
    
    
});

function loadgoods(i){
    
    $.post(
    basePath+"/index/load.do",
    {"i":i},
    function(result){ //result是返回的一个对象，对象中包含有，success（判断真假），message（字符串，附带信息），data（objcet对象，在这里data对象是一个list集和对象）
        if(result.success){//判断数据是否读取成功
    var data=result.data;
            $(data).each(function(){//病历返回的数据，然后加载到页面
                setTimeout(5000); //为了推迟加载，还想放上去也咩有想过

               //下面的这个代码是加载到页面的信息，不知道是什么问题，加载到页面的信息，是不是会抽风出问题，我读取图片//的路径有点复杂，先从数据库获取信息拼接路径，具体是： 项目名（shop）/卖家ID（加密为字符串有点长比如这个          //个：9760dee4-346b-46af-b6da-081620bd1eea）/商品ID（同样是加密）/图片信息,会不会是图片路径过程导致加载过程出现混乱，不过也奇怪其他信息也会出问题，我想可能不是路径问题，

                 $("#item"+i+" ul").append(' <li><div><a target="_blank" href="#"><img  src='+this.goods_image_a+'> </a><div class="goods"><div class="price"><span>惊喜价：￥</span>'+this.goods_my_price+'</div><div class="shop"><span>商品名：</span><span>'+this.goods_name+'</span></div><div class="shop"><span>所属店铺：</span>'+this.user_name+'</div><div class="shop"><span>店铺星级：'+this.goods_desc+'</span></div></div></div></li>');
            });
        }
    }
    );
    
}

这个是我的一个Ajax代码 ，由于做的是一个分页的展示，

Answer 1

哎呀妈！搞了半天原来是时间设短了。