多くのソース コードがなければ答えを出すのは非常に難しいことはわかっていますが、以前にこの問題に遭遇した人がいるかどうかを知りたいです。これは私の遅延読み込みコードです。
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 関数の外に移動しますが、まったく機能しません。つまり、ページが読み込まれると、遅延読み込みがまったく機能しません。
どんな助けでも大歓迎です。