jquery - jQuery延迟加载插件无法正常工作

Question

我正在使用 jquery 延迟加载插件。页面加载时插件不起作用。只有当我点击我网站的主页选项卡时才有效。这些是我的源代码片段。

 $(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

你需要设置效果：

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

在Firefox上测试...希望这会有所帮助..

Answer 3

你能提供更多信息吗？jFiddle 会很有用

也许使用 jquery 添加图像并在添加图像后放置延迟加载.....

就在我头顶！

 $(function() {

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

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