如何在图像满载jquery时触发函数？

Question

我尝试过类似的事情：

$('img').load(function() { /*code*/ });

它会起作用吗？

Answer 1

试试这个，它可以按照你的需要工作。

$(imageSelector).load(functiont(){ });

如果要动态创建图像，请尝试使用

$("<img />").appendTo(document.body).load(functiont(){ }).attr("src", imageSource);

Answer 2

为什么不使用$（document）.ready（function（）{/ code /}）;

$（'img'）适用于所有图片代码。你试过吗？

Answer 3

当所有内容都已加载时，DOM已准备就绪

使用

$(function(){
  alert('images are loaded)';
});

Answer 4

这是正确的语法，但是来自jquery api：

“与图像一起使用时加载事件的注意事项

开发人员尝试使用.load（）快捷方式解决的常见挑战是在图像（或图像集合）完全加载时执行函数。应该注意有几个已知的警告。这些是：

它不能一致地工作，也不能可靠地跨浏览器

如果图像src设置为与之前相同的src，它在WebKit中无法正确触发

它没有正确地冒泡DOM树

可以停止触发已经存在于浏览器缓存中的图像“

http://api.jquery.com/load-event/