jQuery的.load（）回调函数触发多次

Question

的第一次执行它正确地产生的代码：
负载完整

但第二时间它产生：
负载完整
负载完整

的3ND时间它产生：
负载完整
负载完整
负载完整

等...所以第20次加载函数完成回调函数被触发20次。

$('#image-tag').load(function() { 
     console.log("load complete"); 
    }); 
}).attr('src', 'image.jpg').appendTo('#main'); 

任何想法是什么导致回调函数重复/增加像这样？

Answer 1

这是因为您每次运行该代码时都要添加另一个事件处理程序。

如果您想要将图像标签附加到元素中，则不应使用已存在于页面中的图像。创建一个新的图片广告代码：

$('<img/>').load(function() { 
    console.log("load complete"); 
}).attr('src', 'image.jpg').appendTo('#main'); 

Answer 2

它woulds就像你调用这个click处理或其他东西在里面，这种结合每次新.load()处理程序。无论是绑定.load()一次，或使用.one()，像这样：

$('#image-tag').one('load', function() { 
    console.log("load complete"); 
});