jquery - LazyLoader 延迟不起作用

Question

我正在使用LazyLoader插件。

<img src="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" data-original="http://www.bostonbakesforbreastcancer.org/wp-content/uploads/2012/03/sun.jpg" width="100" height="100" alt="BMW M1 Hood" style="display: block;">

还有我的 jQuery 代码：

     $(function() {          
     $("img").lazyload({
         event : "sporty"
     });
 });
 $(window).bind("load", function() { 
     var timeout = setTimeout(function() { $("img").trigger("sporty") }, 10000);
 });      

但是 Lazyloader 不能在这个结构上工作。请看这个链接：

http://jsfiddle.net/97EJE/

我的问题是什么，我该如何解决？

Answer 1

我已经解决了问题。当我将 min.js 文件更改为 main js 并添加 .css 文件时，它可以工作！

Answer 2

根据文档，该src属性应包含占位符图像（不是原始图像）的data-originalurl，并且应包含原始图像的 url。目前，您都指向原始图像。