ajax 请求数据，然后返回来图片链接，用lazyload.js加载，怎么加载不出来

小姐，借一个吻 2019-07-16 04:45:09



$(document).on("click",".Nav-item",function(){

          $.ajax({

              type:'get',

              url:'/Store/Category/index?do=getSonCategory',

              data:data,

              async:false,

              dataType:'json',

              success:function(jsonData) {

                  // console.log("flag");

                  // console.log(jsonData);

                  if(jsonData.state) {

                      var goods = jsonData.goods;

                      var html;

                      $.each(goods, function (key, item) {

                          html = '            <img src="__STATIC__/img/sysImgs/loading.gif" class="img' + key + '" data-original="' + item.img + '">\n';

                      })

                      $('.uls').append(html);

                      is(html)；

                  }



              }

          })

      })

   function is(html) {

       $("img.lazy",html).lazyload({

           placeholder : "__STATIC__/img/sysImgs/loading.gif",

           container:$('.uls'),

           effect: "show",

       });

      console.log(html);

   }

...全文

212 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

小姐，借一个吻 2019-07-17

打赏
举报

引用 2 楼潇湘忆梦的回复:

你试试下面这种方式，我没有试过： var $el=$(html); $("img.lazy",$el).lazyload ({...});

引用 1 楼三岁打酱油的回复:

用img src能否显示图片？


$(document).on("click",".Nav-item",function(){
          $.ajax({
              type:'get',
              url:'/Store/Category/index?do=getSonCategory',
              data:data,
              async:false,
              dataType:'json',
              success:function(jsonData) {
                  // console.log("flag");
                  // console.log(jsonData);
                  if(jsonData.state) {
                      var goods = jsonData.goods;
                      var html;
                      $.each(goods, function (key, item) {
                          html = '            <img src="__STATIC__/img/sysImgs/loading.gif" class="img' + key + '" data-original="' + item.img + '">\n';
                      })
                      $('.uls').append(html);
                      is()；
                  }
 
              }
          })
      })
   function is() {
       $("img",$('.uls')).lazyload({
           placeholder : "__STATIC__/img/sysImgs/loading.gif",
           container:$('.uls'),
           effect: "fadeIn",
           threshold:1000,
           skip_invisible:false,
           effectspeed:1000
       });
   }

已解决这样可以实现图片缓加载