Come eseguire la funzione una volta?

Question

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

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

Il codice di cui sopra stamperà 'test' due volte nella console. Come posso farlo stampare solo una volta. È possibile?

Answer 1

Certo, è possibile utilizzare jQuery promise per risolvere molteplici problemi callback:

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

Il metodo .promise() restituisce una promessa generato dinamicamente cioè risolto una volta che tutte le azioni di un certo tipo destinato ad la raccolta, in coda o no, hanno finito

Working Demo

Answer 2

Il callback verrà eseguito una volta per ogni elemento corrispondente. È sempre possibile impostare una bandiera per vedere se è stato eseguito già però:

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

Answer 3

Utilizzare un flag booleano per evitare console.log ('Test'); dall'essere chiamato due volte.

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