Comments on: Fully Executing jQuery Animations Without Queuing http://css-tricks.com/full-jquery-animations/ Tips, Tricks, and Techniques on using Cascading Style Sheets. Wed, 08 Sep 2010 22:59:34 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Leo Mysorhttp://css-tricks.com/full-jquery-animations/#comment-68527 Leo Mysor Mon, 25 Jan 2010 09:03:42 +0000 http://css-tricks.com/?p=4911#comment-68527 Is there a similar solution for click event? Is there a similar solution for click event?

]]> By: Binehttp://css-tricks.com/full-jquery-animations/#comment-68167 Bine Wed, 20 Jan 2010 01:39:16 +0000 http://css-tricks.com/?p=4911#comment-68167 god, you helped me so much with this.. thank you! :) god, you helped me so much with this..
thank you! :)

]]> By: Alhttp://css-tricks.com/full-jquery-animations/#comment-66775 Al Fri, 18 Dec 2009 19:56:47 +0000 http://css-tricks.com/?p=4911#comment-66775 http://www.webappers.com/2009/12/18/a-solution-of-jquery-animation-queue-buildup/ http://www.webappers.com/2009/12/18/a-solution-of-jquery-animation-queue-buildup/

]]> By: LuKhttp://css-tricks.com/full-jquery-animations/#comment-66687 LuK Thu, 17 Dec 2009 21:16:35 +0000 http://css-tricks.com/?p=4911#comment-66687 I use hoverflow for a long time =)...hate the .stop(), doesn't work for me at all, looks just ugly^^...hoverflow is a real beauty! But thanks for pointing the problem out Chris! I use hoverflow for a long time =)…hate the .stop(), doesn’t work for me at all, looks just ugly^^…hoverflow is a real beauty! But thanks for pointing the problem out Chris!

]]> By: e11worldhttp://css-tricks.com/full-jquery-animations/#comment-66614 e11world Wed, 16 Dec 2009 21:52:21 +0000 http://css-tricks.com/?p=4911#comment-66614 This is very nicely done! I love how there are many samples on the demo page. This is very nicely done! I love how there are many samples on the demo page.

]]> By: Diegophttp://css-tricks.com/full-jquery-animations/#comment-66613 Diegop Wed, 16 Dec 2009 21:43:08 +0000 http://css-tricks.com/?p=4911#comment-66613 Very nice Chris, i customize your filter code a little Add .stop() before .filter() works nice! $("#animate-test div").hover(function(){ $(this).stop().filter(':not(:animated)').animate({ width: "200px" }); }, function() { $(this).animate({ width: "100px" }); }); Very nice Chris, i customize your filter code a little
Add .stop() before .filter()
works nice!
$(“#animate-test div”).hover(function(){
$(this).stop().filter(‘:not(:animated)’).animate({ width: “200px” });
}, function() {
$(this).animate({ width: “100px” });
});

]]> By: Joshhttp://css-tricks.com/full-jquery-animations/#comment-66608 Josh Wed, 16 Dec 2009 18:17:22 +0000 http://css-tricks.com/?p=4911#comment-66608 This plugin is great. I'm trying to find a use for it on my site now. Really looks nice. This plugin is great. I’m trying to find a use for it on my site now. Really looks nice.

]]> By: Chris Coyierhttp://css-tricks.com/full-jquery-animations/#comment-66589 Chris Coyier Wed, 16 Dec 2009 13:28:47 +0000 http://css-tricks.com/?p=4911#comment-66589 NICE. This is really slick Ralf. NICE. This is really slick Ralf.

]]> By: Giovannihttp://css-tricks.com/full-jquery-animations/#comment-66588 Giovanni Wed, 16 Dec 2009 13:28:09 +0000 http://css-tricks.com/?p=4911#comment-66588 Great work here! I had a similar problem to solve with an animation in Flash using actionscript. Found a solution by using the timeline to play the animation backwards from the point of mousing off, and play forward on the hover event.Even your first solution however works great on a mobile device (where it wouldn't using flash, but still hoping) because You can't hover with a mobile (least not on the iPhone, I'm using it as I write this).Any ideas about how to code a menu item with a pop-down with a hover state for a non-mobile user with it working also for a mobile user? I've had this problem on sites I've been browsing and I've had to click then quickly stop loading the page to access the hover menu items.... Great work here! I had a similar problem to solve with an animation in Flash using actionscript. Found a solution by using the timeline to play the animation backwards from the point of mousing off, and play forward on the hover event.

Even your first solution however works great on a mobile device (where it wouldn’t using flash, but still hoping) because You can’t hover with a mobile (least not on the iPhone, I’m using it as I write this).

Any ideas about how to code a menu item with a pop-down with a hover state for a non-mobile user with it working also for a mobile user? I’ve had this problem on sites I’ve been browsing and I’ve had to click then quickly stop loading the page to access the hover menu items….

]]> By: Ralf Stoltzehttp://css-tricks.com/full-jquery-animations/#comment-66559 Ralf Stoltze Tue, 15 Dec 2009 22:08:04 +0000 http://css-tricks.com/?p=4911#comment-66559 My hoverFlow plugin is another solution to animation queue buildup. It also honors a single mouseover/-out with a full animation cycle.<a href="http://www.2meter3.de/code/hoverFlow/" rel="nofollow">http://www.2meter3.de/code/hoverFlow/</a>It's nice to see that you also went the long way down (... the demo page) to find a good solution.hoverFlow also solves the menu problem mentioned in the comments ("quickly mouseout and go back"). See the <a href="http://www.2meter3.de/code/hoverFlow/submenus.html" rel="nofollow">submenu examples</a>.I found that both the :animated pseudo-selector and the save-state-in-classname solutions are too slow (especially in older IEs). My approach is to save state using jQuery's data()-function.The actual animation is triggered inside an anonymous function that is queue()d. That way, I can control animation queueing based on the current state (mouse position). My hoverFlow plugin is another solution to animation queue buildup. It also honors a single mouseover/-out with a full animation cycle.

http://www.2meter3.de/code/hoverFlow/

It’s nice to see that you also went the long way down (… the demo page) to find a good solution.

hoverFlow also solves the menu problem mentioned in the comments (“quickly mouseout and go back”). See the submenu examples.

I found that both the :animated pseudo-selector and the save-state-in-classname solutions are too slow (especially in older IEs). My approach is to save state using jQuery’s data()-function.

The actual animation is triggered inside an anonymous function that is queue()d. That way, I can control animation queueing based on the current state (mouse position).

]]>