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 • 9 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()?

9 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()?

9 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()?

9 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