使用延迟

Question

我为我的项目使用了 defer（以通过 google 页面速度测试）

但我的惰性插件没有按预期工作，这是我的 jquery 惰性函数，用于处理所有惰性图像

但是所有图片都没有加载怎么可能？

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js" defer></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js" defer></script>
<script src="js/plugin.js" defer></script>
<script src="js/main.js" defer onload="loadImages()"></script>

我的 JS

function loadImages(){
  $(".lazy").lazy();
};

click to see demo page - when page loaded scroll down please

Answer 1

我认为对于 defer，脚本是并行的 loaded 但顺序是 executed。因此，有可能 loadImages 在加载和执行其依赖脚本之前被调用。

如果对 loadImages 的调用在 main.js 内，那么它将在加载和执行所有其他延迟脚本之后调用，延迟加载应该可以工作。

同样，浏览器的实现各不相同。

使用延迟

working with defer

html

javascript

jquery

deferred-loading