img.on（＆＃34;加载＆＃34;）发射太多次

Question

以下代码对于它应该处理src加载事件的10个图像执行了近100次。不完全是我的预期。我做错了什么？

//next line contains a stringof <img> tags wrapped in divs
$(".carousel-inner").append(htmlStreamImage);
//this next clause is the problem-child
$(".carousel-inner div.item img").on("load", function () {
    //build the indicators list
    foo();

    console.debug(accumulator++);
    if (carouselImagesLoaded == numberPhotos) {
       foo2();
    }
}).each(function () {
    if (this.complete) $(this).load();
});

Answer 1

您可以缩小代码的尺寸：

$(".carousel-inner").append(
    $("<img/>").attr({...}).load(function(){
        // building process
    })
);