在gif完全加载jQuery之后运行javascript

Question

我知道我可以使用

$(".container").ready(function(){
  // Run after DOM loaded
});

在DOM完全加载后运行代码。 这包括图像虽然它似乎不包括GIF图像。 从我所看到的，加载gif的第一帧计为“已加载”。

有没有办法在加载gif后触发代码？

Answer 1

<img>元素有onload事件 - 这应该可以解决问题。

如果您想使用jQuery，可以在这里阅读： https ： //api.jquery.com/load-event/

Answer 2

图像有一个启动的onload event 。

$(".image-selector").on("load", function(){
   // Run after the image has loaded.
});

如果您的目标是IE的旧版本（IE9之前版本），如果动态更改src属性，有时会遇到麻烦，您还必须检查image.complete属性。

编辑：找到属性名称并发现这个问题： 图像加载时的jQuery回调（即使图像被缓存）

Answer 3

您可以将imagesloaded插件用于此用例。

Answer 4

这个怎么样

$(document).ready(function(){
    $("gif selector").load(function(){
        alert("gift loaded.");
    });
});

示例： http ： //www.w3schools.com/jquery/tryit.asp？filename = tryjquery_event_load