выполнить функцию не более одного раза

Question

Я написал код, показанный ниже, для вызова лайтбокса и вызова функции, например function_a, но он будет срабатывать 16 раз.

Как я могу сделать огонь только один раз?

$("#open").click(function(){ 
    $('.a, .b, .c, .d').fadeOut(600,function(){ 
     $('.e, .f, .g, .h').fadeIn(400,function(){ 
      function_a(); 
     }); 
    }); 
}); 

function_a(){ 
    console.log('fire') 
}; 

Answer 1

Вы можете использовать $.fn.promise, f.ex:

$("#open").click(function(){ 
    $('.a, .b, .c, .d').fadeOut(600).promise().done(function(){ 
     $('.e, .f, .g, .h').fadeIn(400).promise().done(function(){ 
      function_a(); 
     }); 
    }); 
}); 

Из документов:

Метод .promise() возвращает динамически сгенерированное обещание, которое равно , после того, как все действия определенного типа, привязанные к коллекции, в очереди или нет, закончились.

Также обратите внимание, что classNames must be at least 2 characters long.

Answer 2

Это потому, что вы можете иметь 16 элементов, класс, обладающий теми, указанные
имеют переменную, чтобы держать след его

$("#open").click(function(){ 
    var iCount=0; 
    $('.a, .b, .c, .d').fadeOut(600,function(){ 
     $('.e, .f, .g, .h').fadeIn(400,function(){ 
      if(iCount==0) 
       function_a(); 
      iCount++; 
     }); 
    }); 
}); 

Answer 3

попробовать это:

var fired = 0; 
$("#open").click(function(){ 
    $('.a, .b, .c, .d').fadeOut(600,function(){ 
     $('.e, .f, .g, .h').fadeIn(400,function(){ 
      if (fired < 1) function_a(); 
      fired ++; 
     }); 
    }); 
}); 

function_a(){ 
    console.log('fire') 
};