jquery lazyload плагин не работает должным образом

Question

Я использую плагин jquery lazyload. Плагин не работает, когда загружается страница. И работает только при нажатии на вкладку «Главная» моего веб-сайта. Это мои отрывки из моего исходного кода.

$(function() { 
     $("img.lazy").lazyload(); 
    }); 

document.getElementById(merchantLogoId).innerHTML = ("<img class='lazy' src='img/icon/imageLoading.jpg' data-original="+data.bigImageUrl+">"); 

Кто-нибудь может подумать, что может быть проблемой и возможным обходным путем для этого?

Answer 1

попробовать окружив его внутри document.ready()

$(document).ready(function() { 
     $("img.lazy").lazyload(); 
    }); 

Answer 2

могли бы вы предоставить немного больше информации? jFiddle было бы полезно

возможно использовать JQuery, чтобы добавить изображение и место LazyLoad после того, как изображения были добавлены .....

Только от верхней части моей головы!

$(function() { 

     $("#merchantLogoId").html("<img class='lazy' src='img/icon/imageLoading.jpg' data-original="+data.bigImageUrl+">"); 

     $("img.lazy").lazyload(); 
    }); 

Answer 3

вам необходимо установить эффект:

$("img").lazyload({effect : "fadeIn"}); 

Испытано на светлячок ... надеюсь, что это помогает ..