Jquery Animate's callback function not working

Question

I have a jQuery animate function. A need to execute a function as soon as animation ends. So gotta use callback function. So I tried it. Didn't work, I thought there must be problem in that particular function so I reduced it to simply this...

phGrp.animate({bottom:0},
              {duration: 1500, easing: 'swing'}, 
              function(){alert('hello')}
);

Animation works correctly, no error, but callback won't execute. What can be the problem? I saw a solution of using anonymous function. So I have used it, but still problem persists.

Please help

dku.rajkumar · Accepted Answer · 2011-12-22 12:37:37Z

5

try something like below, check the fiddle it is working

 phGrp.animate({bottom:0},1500,'swing', 
          function(){alert('hello');
         }
 );

fiddle : http://jsfiddle.net/hYtuP/

for refrence check the link : http://api.jquery.com/animate/

edited Dec 22, 2011 at 12:37

answered Dec 22, 2011 at 12:30

dku.rajkumar

18.6k8 gold badges43 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Shades88 Over a year ago

how stupid of me!! Was just missing a semicolon. But if I was, how did I not get any error !

dku.rajkumar Over a year ago

nope you were not just missing semicolon, you have also given duration and easing as hash options as second arguments although animate takes it as second and third arguments separately.

dku.rajkumar Over a year ago

oh is it .. thats good then this is additional info for me.. thanks

Shades88 Over a year ago

hehe, no problem. u really checked my line of code. it worked right?

Shades88 Over a year ago

ohhh. then some weird mistake. Nonetheless, I used your solution only.

Mottie · Accepted Answer · 2012-07-08 15:21:53Z

5

The problem is that the callback function needs to be inside with options

.animate( properties, options ) (ref, options = duration, easing, complete, etc)

phGrp.animate(
{
  bottom:0
},
{
  duration : 1500,
  easing   : 'swing',
  complete : function(){ alert('hello') }
});

answered Jul 8, 2012 at 15:21

Mottie

86.7k30 gold badges132 silver badges248 bronze badges

1 Comment

Native Coder Over a year ago

Your reference just ended my hours long search as to why I was having this problem. And It taught me a lot about how JQueries documentation is formatted

caesarsol · Accepted Answer · 2014-02-14 17:38:19Z

4

also, make sure you don't have any transition rule in the CSS, it made me crazy!

answered Feb 14, 2014 at 17:38

caesarsol

2,1331 gold badge20 silver badges22 bronze badges

Comments

Asfour · Accepted Answer · 2011-12-22 12:44:10Z

1

Maybe you have to call jquery in this way

$(document).ready(function(){

   // your code;

});

answered Dec 22, 2011 at 12:44

Asfour

1203 bronze badges

Collectives™ on Stack Overflow

Jquery Animate's callback function not working

4 Answers 4

5 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

5 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related