javascript - jquery 在脚本加载时间后调用函数

Question

我有一个页面，内容如下:

link
link
link
link
somethingelse(div)

使用我的脚本，我更改了 img 中的链接，之后我必须编辑其他内容......

但现在我有一个问题..我需要div的绳索，但是当我尝试获取它时，我在加载img之前得到了绳索....并且我得到了错误的绳索....

图像完全加载后如何运行该函数？

伪代码:

$("a").each(function(){ replaceAtoIMG(this)}); //change <a> with <img> and add a new image loading
$("div").each(function(){ $(this).position() }); //return value BEFORE the fully completed load

Answer 1

$('img').on('load', function() {
   // do whatever you want
});

这至少应该解决您的加载问题。

抱歉，我正在工作，正在使用手机进行 stackoverflow，所以必须快点。

但是，如果需要您的函数在加载时应用于每个图像，那么您可以将加载函数包装在each()函数内。未经测试，因此可能需要一点点摇摆:

$('img').each(function(){
       $(this).on('load', function() {
   // do whatever you want  });  
 });

应该将该函数附加到所有 img 标签，并在加载完成时触发。然后你可以使用他们的坐标或你不想实现的目标。你的伪代码让我困惑。