Search jQuery

jQuery Forum

Using jQuery

jQuery_be..

How can I always call the callback function of .animate() even when i use .stop()?

in Using jQuery • 11 years ago

Hi everyone:

I'm using the color animate plugin to animate some colors.

I'm animating the width on hover and using .stop() before each animation.

when i click my paragraph it animates the color of the div back and forth with a callback function to reset the background color in case .stop() freezes the color. But the callback function is not called.

try it here:

http://jsfiddle.net/me2loveit2/kxFcM/18/

Now I want to always call the callback function.

Is there a way to do that?

Replies(3)

kerry.kim..

Re: How can I always call the callback function of .animate() even when i use .stop()?

11 years ago

Hey,

Declare your callback function as its own function and then you can just call that function in the mouseover event. Also, the callback function has a syntax error:

$('div').css('"background-color", "#562BD5"'); // this is the original line
$('div').css("background-color", "#562BD5"); // this is the fixed line. you had an extra pair of quotes within css()

Hope that helps!

Kevin B

Re: How can I always call the callback function of .animate() even when i use .stop()?

11 years ago

fixing the quote issue makes it stop in the middle of the animation back to blue,

Also, if you used deferred objects, the callback always gets called.

http://jsfiddle.net/Tentonaxe/kxFcM/28/

basically, replaced

.animate({options},200,callback);

with

.animate({options},200).promise().done(callback);

-- Kevin

jQuery_be..

Re: How can I always call the callback function of .animate() even when i use .stop()?

11 years ago

Hi kerry and kboud:

Thank you so much for the help!

It works now!

Top Reply

Response title

Attachments

jQuery Forum

How can I always call the callback function of .animate() even when i use .stop()?

Replies(3)

Re: How can I always call the callback function of .animate() even when i use .stop()?

Re: How can I always call the callback function of .animate() even when i use .stop()?

Re: How can I always call the callback function of .animate() even when i use .stop()?

Statistics

Tags

Actions