Question

我试图使用jQuery的延迟图片加载插件来延迟加载我的图片。在尝试这样做时，我在代码的第二行收到错误Uncaught TypeError: undefined is not a function。

这是我的JS代码

jQuery(document).ready(function() {
    jQuery("img.lazy").lazy({
        effect: "fadeIn",
        effectTime: 1500
    });
});

此脚本与我的其他一些脚本一起放在我的页面底部。

我的<head>中有以下脚本，并且我已经确认文件确实已正确链接。

<script type="text/javascript" src="/static/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="/static/js/jquery-ui.js"></script>

我已经尝试了解决这个问题的大多数解决方案，但我没有取得任何成功。

Answer 1

jQuery lazy是一个单独的插件，不能用作jquery或jquery-ui

的一部分

您需要下载并添加引用以及其余的jquery库

<script type="text/javascript" src="/static/js/jquery.lazy.min.js"></script>