[jQuery] Re: Callback functions

[Ricardo]

When using a second object for the options, the callback must be
defined in it, like this:

.animate({
     top : '1038px',
     left : '247px'
     }, {
    duration: 1400,
    easing:'easeInOutQuad',
    complete: function() {
       $('#anim_talkBubble')
         .fadeIn(1000)
         .animate({top : '955px'}, 1000)
         .fadeOut(1000);
});

On Mar 26, 4:29 pm, Mike <mcpat...@gmail.com> wrote:
> Anyone know why the callback function here isn't working?
>
>         $('#anim_flipper')
>                 .animate( {top : '1130px'},     {queue:false, duration: 1100} 
> )
>                 .animate( {left : '335px'},     {duration: 1400,
> easing:'easeInOutQuad'} )
>                 .animate( {top : '1126px', left : '339px'},     { duration: 
> 600,
> easing:'easeOutQuad'} )
>                 .animate( {top : '1142px', left : '330px'},     { duration: 
> 900,
> easing:'easeInOutQuad'} )
>                 .animate( {top : '1130px', left : '335px'},     { duration: 
> 900,
> easing:'easeInOutQuad'} )
>                 .animate( {top : '1142px', left : '330px'},     { duration: 
> 900,
> easing:'easeInOutQuad'} )
>                 .animate( {top : '1130px', left : '335px'},     { duration: 
> 900,
> easing:'easeInOutQuad'} )
>                 .animate( {top : '1142px', left : '330px'},     { duration: 
> 600,
> easing:'easeInOutQuad'} )
>                 .animate( {top : '1038px', left : '247px'},     { duration: 
> 1400,
> easing:'easeInOutQuad'}, function() {
>                         $('#anim_talkBubble').fadeIn(1000).animate( {top : 
> '955px'},
> 1000).fadeOut(1000);
>                 }
>         );