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

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

jquery lazyload插件无法正常工作

3 个答案: