javascript - Lazysizes 不像我拥有的其他项目那样在 div 上工作 - Angular
问题描述
我正在尝试在我的 Angular 项目中实现lazysizes 延迟加载脚本,但它似乎没有按预期工作。
我有一个带有延迟加载脚本的项目正在运行,但它是一个简单的项目,没有框架。
我尝试使用lazysizes自述文件中的npm i,但它没有用。然后我手动下载了 sript 并将其导入 angular.json 并且它工作。
问题是在我拥有的另一个项目(简单的项目)上,它使用 div 中的lazyload 类并使用 data-bg 来设置图像的来源。我在我的角度项目中做了同样的事情并且没有工作。
<div class="lazyload" data-b="/assets/HomePage_Images/head.jpg">
我还有其他正在工作的图像,所以路径是正确的,所有这些
<img class="lazyload" data-src="/assets/HomePage_Images/head.jpg">
我的问题是,我从lazysizes 导入脚本是否错误?我使用了 npm,然后我什么也没做,我应该导入一些东西吗?
为什么在项目上该课程适用于 div 而我的项目却不适用?
解决方案
推荐阅读
- python - 训练时如何实现随机裁剪?
- linux - 在 linux 中,如何将特定的子目录压缩到名为父目录名称的自己的 zip 文件中,并将它们全部输出到单个目录中?
- python - 如何在python中不使用全局
- c++ - 如何动态更改 .wav 的速度或。实时使用 arduino 的 aiff 文件
- python - pandas.io.sql:“顶部”或附近的语法错误
- altair - Altair“找不到名为 'selectorXXX' 的选择”错误
- laravel - Laravel Command - Method Illuminate\Database\Eloquent\Collection::update does not exist
- c# - 为什么在使用 LINQ Sum 方法时出现异常“无法将类型 'bool' 隐式转换为 'long?'”以及如何解决?
- mysql - MySQL 5.7 作为文档存储和 _id 生成
- apache-flink - Flink 指标的 Prometheus 查询示例