在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 callback on image load (even when the image is cached)

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