Uncaught ReferenceError：未定义LazyLoad

Question

我正在使用此延迟加载脚本：https://github.com/verlok/lazyload

按照那里的建议，我已经在</body>标签之前添加了此脚本：

<script type="text/javascript">
    (function(w, d){
        var b = d.getElementsByTagName('body')[0];
        var s = d.createElement("script"); s.async = false;
        var v = !("IntersectionObserver" in w) ? "8.7.1" : "10.5.2";
        s.src = "https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/" + v + "/lazyload.min.js";
        w.lazyLoadOptions = {}; // Your options here. See "recipes" for more information about async.
        b.appendChild(s);
    }(window, document));
</script>
<script>
    new LazyLoad();
</script>

但是，我收到Google Chrome控制台错误：

未捕获的ReferenceError：未定义LazyLoad

我尝试设置s.async = false，但这无济于事。

如何防止此错误？

Answer 1

您应该只将对象添加到初始代码中的确切位置，即“

“这里的选项。有关异步的更多信息，请参见”食谱“。”