Javascript 延迟加载不会显示我的图像

Javascript 延迟加载不会显示我的图像,javascript,jquery,html,lazy-loading,Javascript,Jquery,Html,Lazy Loading,我有大量的内容图片。这就是我决定使用惰性加载的原因: 我的页面是: 我遵循了所有需要的说明,但不明白为什么我要测试延迟加载函数的第一个图像不显示 在我的头部部分是: <script src="jquery.js" type="text/javascript"></script> <script src="lazyload.js" type="text/javascript"></script> 图片: <img class="l

我有大量的内容图片。这就是我决定使用惰性加载的原因:

我的页面是:

我遵循了所有需要的说明,但不明白为什么我要测试延迟加载函数的第一个图像不显示

在我的头部部分是:

   <script src="jquery.js" type="text/javascript"></script>
<script src="lazyload.js" type="text/javascript"></script>

图片:

 <img class="lazy" src="grey.gif" data-original="osterman/ost21.jpg" width="900" height="602" >

和JS代码

  <script type="text/javascript">

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

</script>

$(“img.lazy”).lazyload();

为什么只显示grey.gif而不是实际图像?有什么想法吗?我是否有错误的jquery文件?提前感谢

您的JS似乎确实抛出了一个错误。在
jquery.js
文件的底部,似乎有无效代码:

...
})( window );
Window size: x 
Viewport size: x

最后两行导致错误并阻止任何进一步的JS执行。

您的JS似乎确实抛出了错误。在
jquery.js
文件的底部,似乎有无效代码:

...
})( window );
Window size: x 
Viewport size: x

最后两行导致错误并阻止任何进一步的JS执行。

chrome调试器中的错误:

未捕获的语法错误:意外标识符jquery.js:9598

未捕获的语法错误:意外标识符lazyload.js:228


未捕获引用错误:$未定义osterman.html:205在chrome调试器中出现错误:

未捕获的语法错误:意外标识符jquery.js:9598

未捕获的语法错误:意外标识符lazyload.js:228


未捕获引用错误:$未定义osterman.html:205

您使用的浏览器是什么?@PhilipBevan Chrome,为什么?chrome调试器显示错误:Uncaught SyntaxError:意外标识符jquery.js:9598 Uncaught SyntaxError:意外标识符lazyload.js:228 Uncaught ReferenceError:$未定义osterman.html:205,这表明您的实现不正确。再次尝试下载文件。尝试使用//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js作为jquery src,并尝试使用作为lazyload src。一旦完成,下载这两个文件,如果工作和使用这些。太棒了@PhilipEvan它现在可以工作您使用的浏览器是什么?@PhilipEvan Chrome,为什么?Chrome调试器显示错误:未捕获语法错误:意外标识符jquery.js:9598未捕获语法错误:意外标识符lazyload.js:228未捕获引用错误:$未定义osterman.html:205,这表明您的实现不正确。再次尝试下载文件。尝试使用//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js作为jquery src,并尝试使用作为lazyload src。一旦完成,下载这两个文件,如果工作和使用这些。太棒了@PhilipBevan现在可以用了