【问题标题】: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 上测试...希望这会有所帮助..

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2023-03-25
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2012-05-28
        相关资源
        最近更新 更多