懶惰負載插件投擲未捕獲ReferenceError

Question

我使用http://davidwalsh.name/lazyload-plugin當我運行它在控制檯中的錯誤爲「未捕獲的ReferenceError：類未定義」。 我增加代碼如下

<script src="lazyload/Source/LazyLoad.js"></script> 

然後下行

<script> 
/* do it! */ 
window.addEvent("domready",function() { 
    var lazyloader = new LazyLoad(); 
}); 
</script> 

和身體爲我使用如下的圖像。

<img alt=\"\" src=\"lazyload/Assets/blank.gif\" data-src=\"{$v['image_path']}\" style=width:auto;height:200px;max-height:200px> 

其中$ v ['image_path']是動態的。 什麼是導致這個錯誤的問題，請幫助我。

Answer 1

您缺少mootools庫。添加上述LazyLoad.js

檢查DEMO

<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools.js"></script> 
<script src="lazyload/Source/LazyLoad.js"></script> 


<script> 
    /* do it! */ 
    window.addEvent("domready",function() { 
     var lazyloader = new LazyLoad(); 
    }); 
</script> 

HTML mootools的庫。放入src和data-src的相同圖像路徑。

<img alt=\"\" src=\"{$v['image_path']}\" data-src=\"{$v['image_path']}\" style=width:auto;height:200px;max-height:200px>