jquery animate, eseguire le rige successive a istruzione finita

[Xinod]

bene, anche perche' era finita

[ggvvty]

e se invece di mettere una funziona anonima volessi mettere una mia funzione?

tipo invece di cosi

...animate({...quello che devi animare...},'slow',function(){...questo e' il callback...})


cosi andrebeb bene?

...animate({...quello che devi animare...},'slow',myfunction(){...questo e' il callback...})


lo chiedo perchè provando , la funzione(mia) mi parte insieme all'animate e non capisco come diavolo è possibile

[Xinod]

puoi, a parte richiamare una funzione anonima, come descritto prima
...animate({...quello che devi animare...},'slow',function(){...questo e' il callback...})

richiamare una funzione definita altrove (senza parentesi, altrimenti viene eseguita istantaneamente)
a cui pero' non puoi arbitrariamente passare valori come parametri
...animate({...quello che devi animare...},'slow',tuaFunzione)

o annidare una funzione anonima che richiama la funzione di cui sopra passando quello che vuoi
...animate({...quello che devi animare...},'slow',function(){tuaFunzione('primo parametro', 'secondo parametro')})

come e' meglio procedere dipende dai casi
ciao

[ggvvty]

xinod e se volessi fare il callback di due o piu' funzioni mie definite?

come dovrei fare?

tipo myfunc(function(){
myfunc2(function(){
}
});

cosi andrebbe bene?

[ggvvty]

tipo ho queste due funzioni, come si fa a farle partire una dopo un altra?

 $.extend({
  spiegazioneTimer : function(callback){
    
     $('#spiegazioneTimer').fadeIn(200).delay(5000).fadeOut(200);
     $('.timer')
     .animate({width:'+=30%',height:'+=20%'},200)
     .delay(5000)
     .animate({width:'-=30%',height:'-=20%'},200, callback);

      // now we are calling our own callback function
      if(typeof callback == 'function'){
        callback.call(this);
      }
  }
});



$.extend({
  spiegazioneCountDown : function(callback){
    
    $('#spiegazioneCountdown')
    .fadeIn()
    .delay(5000)
    .hide('explode', { pieces: 9 }, 500);
      // now we are calling our own callback function
      if(typeof callback == 'function'){
        callback.call(this);
      }
  }
});

[ggvvty]

sto seguendo le tue istruzione senza successo


faccio cosi ma le due funzioni mi partono assieme, anzichè una dopo l'altra

$.spiegazioneTimer(function(){
    $.spiegazioneCountDown();
});
 
 $.extend({
  spiegazioneTimer : function(callback){
    
     $('#spiegazioneTimer').fadeIn(200).delay(5000).fadeOut(200);
     $('.timer')
     .animate({width:'+=30%',height:'+=20%'},200)
     .delay(5000)
     .animate({width:'-=30%',height:'-=20%'},200);

      // now we are calling our own callback function
      if(typeof callback == 'function'){
        callback.call(this);
      }
  }
});



$.extend({
  spiegazioneCountDown : function(callback){
    
    $('#spiegazioneCountdown')
    .fadeIn()
    .delay(5000)
    .hide('explode', { pieces: 9 }, 500);
      // now we are calling our own callback function
      if(typeof callback == 'function'){
        callback.call(this);
      }
  }
});

[Xinod]

ma questi non sono callback
sono funzioni che fai eseguire dopo animate, non al termine dello stesso

[ggvvty]

e come si fanno?

[ggvvty]

Originariamente inviato da Xinod
ma questi non sono callback
sono funzioni che fai eseguire dopo animate, non al termine dello stesso

be di questo me ne ero accorto anche io visto che non mi funzionano........ma quindi come si fanno?
grazie

[Xinod]

oh
.animate({quello che devi animare},tempo,funzioneInCallback)