Question

我知道在没有太多源代码的情况下给出答案真的很难，但我想知道是否有人之前遇到过这个问题。这是我的懒加载代码。

function displayLogo(merchant,merchantLogoId){
 $.getJSON("http://202.161.46.8:83/TGLWebService/logows/getBigLogo/"+merchant, function(data) {
      document.getElementById(merchantLogoId).innerHTML = ("<img class='lazy' src='img/icon/ImageLoading.jpg' data-original="+data.bigImageUrl+">");
      $('img.lazy').lazyload();
  }); 
}

当我运行我的网站并向上和向下滚动并且延迟加载完美时，它工作正常。

问题出现让我说最初我启动网站并且即使我向下滚动也会加载前几张图片，但是如果我打开我的导航菜单，当我向上和向下滚动时，我的延迟加载停止工作，即它不加载未加载的其余图像。

我尝试使用$（'img.lazy'）。lazyload（）;在document.ready中，移出displaylogo函数，但它根本不起作用，即当页面加载时，延迟加载根本不起作用。

非常感谢任何帮助。

Answer 1

尝试添加.complete（）;到getJSON

例如

    $.getJSON('include/controllers/getCats.php', function(data) {
    jsonObj = data;
}).complete(function(){
       $('img.lazy').lazyload();

});

当另一个javascript被触发时，jQuery lazyload会停止加载

1 个答案: