javascript - 延迟加载不显示我的图像

Question

我有大量内容图像。这就是我决定使用延迟加载的原因：http: //www.appelsiini.net/projects/lazyload

我遵循了所有必需的说明，但不明白为什么我想测试延迟加载功能的第一张图像不显示

在我的头部分是这样的：

   <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>

为什么只显示 gray.gif 而不是实际图像？有任何想法吗？我有错误的 jquery 文件吗？提前致谢

score 1 · Accepted Answer

您的 JS 似乎确实引发了错误。在您的jquery.js文件底部似乎是无效代码：

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

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

score 0 · Accepted Answer

chrome调试器中的错误：

未捕获的 SyntaxError：意外的标识符 jquery.js:9598

未捕获的 SyntaxError：意外的标识符lazyload.js:228

未捕获的 ReferenceError：$ 未定义 osterman.html:205

2 回答 2