C# 对象没有'；t支持属性或方法'；懒洋洋'；

所以我一直在尝试实现jQuery的lazyload插件，以帮助提高我试图加载的数千幅图像的效率

LazyLoad可在此处找到：

然而，当我尝试自己在我的VS中运行他们的示例时，我不断得到一个Javascript错误

Microsoft JScript运行时错误：对象不支持属性或方法“lazyload”

Javascript文件：

$(function() {
      $("img").lazyload({
          effect : "fadeIn"
          /*
          ,appear : function(elements_left, settings) {
              console.log("appear");
              console.log(elements_left);
              //console.log(this, elements_left, settings);
          },
          load : function(elements_left, settings) {
              console.log("load");
              console.log(elements_left);
              //console.log(this, elements_left, settings);
          }
          */
      });
  });

HTML文件：

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="https://raw.github.com/tuupola/jquery_lazyload/master/jquery.lazyload.js" type="text/javascript"></script>

               <div id="container" style="width: 765px; overflow: scroll;">
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
                    <img border="0" alt="Update/Edit Photo" data-original="/Images/editUptdatePhoto.png" src="/Images/editUptdatePhoto.png" width="100%" />
               </div>

---

我认为执行是不正确的。我只是将它和这项工作作为一种魅力来实施。让我一步一步地告诉你我做了什么

我在VS2010中创建了一个新网站

然后我添加了您提到的DIV部分

在目录中添加了三张图片

在主文件的顶部添加了CDN，即头部

然后添加了脚本

$（函数（）{ $（“img”）.lazyload({ 效果：“法丹” /* ，显示：功能（元素左，设置）{ 控制台日志（“出现”）； 控制台日志（元素左）； //日志（这个，元素，左边，设置）； }, 加载：功能（元素左，设置）{ 控制台日志（“加载”）； 控制台日志（元素左）； //日志（这个，元素，左边，设置）； } */ }); });

---

请再次检查并让我知道。

github的CDN出现了令人厌恶的问题。链接工作得很好，但尝试将CDN连接到它不会给您带来任何好处。相反，您必须右键单击鼠标右键并另存为。。。获取lazyLoader javascript文件。

是否将lazyload.js库导入项目？在jQuery之后？您是否首先引用了该文件。。看起来那个库没有加载？？是的，我加载了。很抱歉，我会将其添加到问题中。您是否使用1.8之前的jQuery版本尝试过它？请尝试从GitHub以外的其他地方加载它，我以前在包含方面遇到过问题。抱歉，但CDN代表什么？@charles。。CDN代表内容交付网络。。您用来获取jQuery而不是实际jQuery文件的链接称为CDN。@praide……我不知道为什么它会给我这个错误。我在Chrome上又试了一次。也不管用。我不明白为什么它为你工作，但不是为我。Microsoft JScript运行时错误：对象不支持google chrome中的属性或方法“lazyload”，它不会引发错误，但你看不到延迟加载的图像。我用FF和chrome尝试过。。FF->lazyload和Fadein铬>>lazyload和Fadein

    window.onload = function () {//I tried putting lazyload here same error occurs};

$(document).ready(function () {
    //I tried putting lazyload here same error occurs
});

$(function() {
      $("img").lazyload({
          effect : "fadeIn"
          /*
          ,appear : function(elements_left, settings) {
              console.log("appear");
              console.log(elements_left);
              //console.log(this, elements_left, settings);
          },
          load : function(elements_left, settings) {
              console.log("load");
              console.log(elements_left);
              //console.log(this, elements_left, settings);
          }
          */
      });
  });