延迟加载插件抛出未捕获的ReferenceError

时间:2015-03-25 11:56:33

标签: javascript jquery lazy-loading referenceerror

我在运行它时使用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 [&#39; image_path&#39;]是动态的。 导致该错误的问题是什么,请帮助我。

1 个答案:

答案 0 :(得分:1)

你错过了mootools库。在LazyLoad.js上面添加mootools库

检查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。为src和data-src放置相同的图像路径。

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