jQuery延迟加载插件无法正常工作答案

【问题标题】：jquery lazyload plugin not working properlyjQuery延迟加载插件无法正常工作
【发布时间】：2013-08-20 04:35:55
【问题描述】：

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

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

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

有人知道可能是什么问题以及可能的解决方法吗？

【问题讨论】：

标签： jquery jquery-lazyload

【解决方案1】：

尝试将其包装在 document.ready() 中

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

【讨论】：

这两种方式是等价的，$(function() {是$(document).ready(function() {的快捷方式。

【解决方案2】：

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

也许使用jquery添加图像并在图像添加后放置lazyload.....

就在我的头顶！

 $(function() {

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

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

【讨论】：

【解决方案3】：

你需要设置效果：

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

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

【讨论】：