Question

我正在练习使用插件（首先是LazyLoad）。根据GitHub上包含的文档，我已经将lazyload类名和data-original属性插入到html中的Pexel图片中。还添加了jQuery片段。那为什么它不起作用？

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

请删除＆＃34; src＆＃34;这个属性值太有用了。此链接可以完成您的工作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"

宽度=＆＃34; 350像素＆＃34;高度=＆＃34; 250＆＃34;＆GT;

我做了以下更改

已删除＆＃39; src＆＃39;
重命名＆＃39;数据原创＆＃39;到＆＃39; data-src＆＃39;

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

LazyLoad插件不愿意与我的代码合作

1 个答案: