JQuery Fade In / Out зацикливание более одного раза

Question

Я использую jquery для обмена изображениями и выцветания.

У меня есть div, с и id ошибки конструктора кубков

Я использую jquery для загрузки изображений в div, затем при появлении и исчезновении ошибки div

$("#imgShell").attr("src","products/components/" + idArray[2] + ".png").error(
                                        function(){
                                            $("#cup-builder-error").fadeIn('fast');                                             
                                            $("#cup-builder-error").fadeOut('slow');
                                        });

этот код окружен $("a").click( function(event){

Что происходит, так это то, что процедура постепенного появления / исчезновения повторяет количество раз, когда произошла ошибка.

Что я сделал не так?

Спасибо за помощь!

Answer 1

Каждый раз, когда нажимается «a», связывается новое событие ошибки.Вам нужно сделать это только один раз.

$('#imgShell').error(function () {
    $("#cup-builder-error").fadeIn('fast');                                             
    $("#cup-builder-error").fadeOut('slow');
});

$('a').click(function (event) {
    $('#imgShell').attr("src","products/components/" + idArray[2] + ".png");

    event.preventDefault();
});