为什么 jQuery 会多次尝试加载图像？

Question

我想加载一张图片，在完全加载之前想要如果发生任何错误并且无法加载它，只需做一些工作。

第一次，它工作正常。但是第二次当我想再次加载另一个图像并且它不可用时，它会尝试重复加载。

我用过：

jQuery JavaScript Library v1.11.1

我的代码有什么问题？

$("#av-1").load(function () {
    $("#av-1").attr('src', imagePath);
    $("#av-1").attr('alt', title);
}).attr('src', imagePath).error(function () {  

});

更新：

我将代码更新为：

 try {
    $("#av-1").load(function () {
        $("#av-1").attr('src', imagePath);
    }).attr('src', imagePath).error(function () {
        try {
        }
        catch (err) {
            alert(err.message);
        }
    });
}
catch (err) {
    alert(err.message);

}

但是没有发生错误:(

Answer 1

如果您使用jQuery.one，则处理程序将最多执行一次，每个事件类型的每个元素。这将阻止您的循环发生。

$("#av-1").one('load', function () {
    $("#av-1").attr('src', imagePath);
    $("#av-1").attr('alt', title);
}).attr('src', imagePath).error(function () {  
    // Log errors...
});