jQuery lazyload прекращает загрузку при запуске другого javascript

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(); 
    }); 
} 

Он отлично работает, когда я запускаю свой сайт и прокручиваю вверх и вниз, и lazyloading работает отлично.

Проблема возникает, когда я начинаю запускать сайт, и загружаются первые несколько изображений, даже если я прокручиваю вниз, но если я скажу, что открываю свое навигационное меню, мой lazyloading перестает работать, когда я просматриваю вверх и вниз, т.е. он не загружает оставшиеся изображения, которые не загружаются.

Я пробовал использовать $ ('img.lazy'). Lazyload(); внутри document.ready и выходить из функции displaylogo, но он вообще не работает, т. е. когда страница загружается, lazyloading не работает вообще.

Любая помощь была бы принята с благодарностью.

Answer 1

попробуйте добавить .complete(); к getJSON

, например

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

});