[jQuery] Re: Callback functions

[weidc]

for me it works like this:

$('#anim_flipper').animate({top: '1130px'}, { 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'}, 1400,function() {
        $('#anim_talkBubble').fadeIn(1000).animate({top : '955px'},
1000).fadeOut(1000);
    });

On 26 Mrz., 20:29, 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);
>                 }
>         );