Search jQuery

jQuery Forum

Animation conflict background color?

in Using jQuery Plugins • 10 years ago

I'm using the animate color plugin.

On the page I'm making, multiple things are animated, all triggered by the hover action. Alright, so I got it set up so when I hover over a certain div, I'm using animate to change the background color. When I stop hovering, the color animates back.

The problem is, if the background color animation hasn't completed and they hover over something else that animates, the background color stops animating. It just stops. If that makes any sense.

No other animations seem to have this problem, just the background color one.

Is there a way to fix this?

Replies(4)

creativec..

Re: Animation conflict background color?

10 years ago

Have you a code snippet with this background animation?

Do you change the effects queue for this animation?

Have fun!
- creativecouple

benjamin...

Re: Re: Animation conflict background color?

10 years ago

After I include the color plugin, and within the document.ready function I have

$('#front_menu_bottom').hover(function() {

$(this).animate({'color' : '#fd4c54' });

$('#portfolio_bkg').animate({ 'backgroundColor': '#6dcff6'})

}, function() {

$(this).animate({'color' : '#ad0004' });

$('#portfolio_bkg').animate({ 'backgroundColor': '#ed1c24'})

}

);

So, it's pretty straight forward, and I don't make any changes to the effects queue, at least I don't think I do, but is there a way to maybe try a separate effects queue for this animation? Is that possible? That might do it. I'm no pro, I'm doing google searches trying to find a way now, I'll post it if I can find anything useful.

creativec..