在图像元素更改其 src 后定时运行函数

Question

我正在更改一些图像的 src 属性。加载新图像后，我想运行一个名为 wheelBuilder.rebuildColors() 的函数

$images.each(function() {
    $(this).attr("src", $(this).attr("data-original-front-src"));
});
wheelBuilder.rebuildColors();

此代码在某些浏览器（chrome、safari、ie）上运行良好，但在 Mozilla firefox 上不运行。

有没有办法设置它在所有图像加载后运行该功能？

谢谢

Answer 1

试试这个。更改src之前必须设置函数

var total = $images.length,loaded=0;
function testRebuild() {
  if (loaded==total) wheelBuilder.rebuildColors();
}
$images.each(function() {
  this.onload=function() {
    loaded++; testRebuild();
  }
  this.onerror=function() {
    $(this).hide();
    loaded++; testRebuild();
  }
  $(this).attr("src", $(this).attr("data-original-front-src"));
});