Javascript 在jQuery3.X中加载完成后，如何在所有具有类的图像上触发函数？

我有一个网页上有很多图片需要加载。我想在图像加载时显示一个带有加载gif的div，但我想在图像加载完成后淡出该div。当我在互联网上搜索时，我找到了“.load”功能，但这对图像不起作用。“.on（'load'，function（）{…}）”也不起作用

这是我尝试过的，但不起作用

$（“.slideshow_image”）。在（“加载”，函数（）上）{
$（this.next（）.fadeOut（“slow”）；
});

这实际上工作正常

您的体验可能与您正在使用的图库有冲突。他们经常在HTML中复制图像以达到效果。我建议查看inspector中的最终输出，看看

.next（）

逻辑是否仍然有效

但是，要回答您的问题，如果您像我在上面的链接中所做的那样删除该库，您将看到“加载”图像淡出（在本例中，所有6个图像——3个显示图像，3个加载图像——都是相同的，但您仍然可以看到效果）

$（“.slideshow_image”）。在（“加载”，函数（）上）{
$（this.next（）.fadeOut（“slow”）；
});

有控制台错误吗？另外，您在哪里执行与页面上的标记相关的加载绑定？我也没有在您的问题中看到jQuery包含。@Taplar，我通过CDN链接了jQuery，但我没有在上面的代码中包含它。我在HTML中执行加载，以进行测试。我在脚本中测试了JQuery链接，所以我知道这是可行的。我编辑了代码片段，因此与标记的关系很清楚。@Taplar，而且，当executingI发现我做错了什么时，我没有收到任何控制台错误。我在自定义脚本之前放置了另一个脚本，该脚本仅在页面完全加载时执行。很明显，我的自定义代码在另一个脚本完成运行之前没有运行，只有当页面（和所有图像）完全加载时才会运行。所以我把这个自定义脚本放在另一个脚本之前，现在它可以正常工作了。非常感谢。

<script>
    $(".slideshow_image").on("load", function() {
      $(this).next().fadeOut("slow");
    });
</script>