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"); 
});