Jak wykonać tę funkcję raz?

Question

$("#div1, #div2").fadeIn('500',function(){ 
    { 
     console.log('Test'); 
    } 
}); 

Fiddle tutaj: http://jsfiddle.net/y97h9/

Powyższy kod wypisze 'test' dwa razy w konsoli. Jak mogę go wydrukować tylko jeden raz. Czy to możliwe?

Answer 1

Oczywiście, można użyć jQuery promise rozwiązać wiele Callbacki problem:

$("#div1, #div2").fadeIn('500').promise().done(function() 
{ 
    console.log('Test'); 
}); 

Sposób .promise() zwraca dynamicznie generowane obiecują, że jest rozwiązany raz wszystkie działania pewnego rodzaju związanego gromadzenie, kolejce czy nie zakończyły

Working Demo

Answer 2

Połączenie zwrotne zostanie uruchomione jeden raz dla każdego dopasowanego elementu. Zawsze można ustawić flagę, aby sprawdzić, czy jest prowadzony już jednak:

var hasRun = false; 
$("#div1, #div2").fadeIn('500', function() { 
    if (hasRun) return; 
    console.log('Test'); 
    hasRun = true; 
}); 

Answer 3

Użyj logiczną flagę aby zapobiec console.log („test”); od wezwania dwa razy.

var isCalled = false; 
$("#div1, #div2").fadeIn('500',function(){ 
    if(!isCalled) { 
     isCalled = true; 
     console.log('Test'); 
    } 
});