LazyLoad Plugin 不愿意配合我的代码

Question

我正在练习使用插件（一开始是 LazyLoad）。 根据 GitHub 上包含的文档，我在 html 中的 Pexel 图片中插入了延迟加载类名称和数据原始属性。还添加了 jQuery sn-p。那么为什么它不起作用呢？

HTML：

<img class="lazyload" data-original="https://images.pexels.com/photos/566516/pexels-photo-566516.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" src="https://images.pexels.com/photos/566516/pexels-photo-566516.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" width="350px"height="250">

jQuery：

$(document).ready(function(){
    $("img.lazyload").lazyload();      
});

LazyLoad docs on GitHub
My code on Codepen

Answer 1

请删除“src”属性值，这样也可以工作。 此链接可以完成您的工作fixed code

<img class="lazyload" data-src="https://images.pexels.com/photos/566516/pexels-photo-566516.jpeg?w=940&h=650&auto=compress&cs=tinysrgb" 

width="350px"height="250">

我做了以下更改

1. 删除了“src”
2. 将“data-original”重命名为“data-src”

注意：如果这适用于您的问题，请勾选此答案作为已回答。谢谢。