Comments on: A Solution of jQuery Animation Queue Buildup

By: builder

builder — Sun, 25 Apr 2010 17:13:33 +0000

Great tutorial. Thanks!

By: pixelmaven

pixelmaven — Mon, 11 Jan 2010 21:17:38 +0000

What happened to animate({***}, {queue:false}); ?

thats a much simpler solution!

By: criography

criography — Mon, 21 Dec 2009 10:48:58 +0000

I’m with ShaggyStyle on that – completely redundant plugin – use stop with parameters!

By: ShaggyStyle

ShaggyStyle — Sat, 19 Dec 2009 15:17:34 +0000

I’ve been using stop() with it’s parameters without problems, and I don’t see the need of a plugin to solve this situation. All you have to do is, instead using just stop(), use stop (true, false):

$(’.example2 .anim_queue_example a’)
.hover(function() {
$(this).stop(false,true).animate({ left: 20 }, ‘fast’);
}, function() {
$(this).stop(false,true).animate({ left: 0 }, ‘fast’);
});

as indicated at http://docs.jquery.com/Effects/stop:

stop( [clearQueue], [gotoEnd] )

so the false won’t clear the queue, and the true will push de queued animation to it’s end. At least this solution seems good enough for me

By: kok aan huis

kok aan huis — Sat, 19 Dec 2009 13:18:41 +0000

How simple, now I can actually use this without looking like an amateur

By: Daniel Buchner

Daniel Buchner — Sat, 19 Dec 2009 01:21:57 +0000

Oops, wrong string reference, good call Doug. To add to that, ignore is also the default link option, so you don’t even need to set it

It would look like this in the wild: someDIV.tween(’width’, 100);

By: Doug Neiner

Doug Neiner — Fri, 18 Dec 2009 22:06:02 +0000

@Daniel MooTools `link: ‘cancel’` is the equivalent of jQuery’s stop().animate() chain. The default behavior (`link:’ignore’`) is the MooTools equivalent of this plugin.

By: Paul Albrecht

Paul Albrecht — Fri, 18 Dec 2009 18:50:16 +0000

Finally. i had this a few times. and thought i stupid for not finding a better solution than stop()

By: Daniel Buchner

Daniel Buchner — Fri, 18 Dec 2009 18:44:25 +0000

HAHA, this is a jQuery bug I always found hilarious. Luckily the MooTools Fx library was smarter and has always provided the ‘link’ option ‘cancel’, it does all the work for you:

SomeDIV.set(’tween’, {link:’cancel’}).start(’width’,100);

With that simple option set you never need to worry about other animations making your page look amateur!

MooTools FTW!

By: Doug Neiner

Doug Neiner — Fri, 18 Dec 2009 16:43:08 +0000

This is great! You run into this all the time, and it seems like a great solution. Thanks for sharing.