当另一个javascript被激发时,jQuery lazyload停止加载
我知道如果没有太多的源代码就很难给出答案,但我想知道以前是否有人遇到过这个问题。这是我的惰性加载代码当另一个javascript被激发时,jQuery lazyload停止加载,jquery,jquery-lazyload,Jquery,Jquery Lazyload,我知道如果没有太多的源代码就很难给出答案,但我想知道以前是否有人遇到过这个问题。这是我的惰性加载代码 function displayLogo(merchant,merchantLogoId){ $.getJSON("http://202.161.46.8:83/TGLWebService/logows/getBigLogo/"+merchant, function(data) { document.getElementById(merchantLogoId).innerHTML
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();
});
}
功能显示徽标(商户、商品登录ID){
$.getJSON(“http://202.161.46.8:83/TGLWebService/logows/getBigLogo/“+商户,功能(数据){
document.getElementById(merchantLogoId).innerHTML=(“”);
$('img.lazy').lazyload();
});
}
当我运行我的网站并上下滚动时,它工作得很好,懒散加载工作得很好
问题发生在我最初启动网站时,即使我向下滚动,也会加载前几个图像,但如果我打开导航菜单,当我上下滚动时,我的懒散加载停止工作,即它不会加载其余未加载的图像
我尝试使用$('img.lazy').lazyload();inside document.ready并移出displaylogo功能,但它根本不起作用,即当页面加载时,lazyloading根本不起作用
任何帮助都将不胜感激。请尝试添加一个.complete();到getJSON
比如说
$.getJSON('include/controllers/getCats.php', function(data) {
jsonObj = data;
}).complete(function(){
$('img.lazy').lazyload();
});
您可以通过添加一个触发ajax调用的按钮(可能一个“警报”就足够了)来确认这是一个JS问题,并检查它是否停止了您的延迟加载。这是一个很好的起点。我尝试了一个警报,它似乎不会影响它,在更多的测试中,我意识到如果我打开一个弹出窗口等,它将有相同的效果。相同的效果?它停止了延迟加载?你试过模态和非模态对话框吗?(我假设你说的弹出窗口是指对话框)。我现在不能给你更多的线索,对不起。你有问题的网页的URL?