Geek Answers Handbook

JQuery color animations don't work reliably

I am having a problem using jquery hover events. I created a problem reduction. Here you can find a working demo here . I can reproduce this after moving the mouse in IE, FF, Opera and Chrome.

I use the queues in the animation in the mouseover event. At about 1% of the time, the color of the td elements remains as #0f0after the mouse left td. It should not be. The mouseout event should ensure that in the end all tds will return to #00fas time passes .

Update 2:

Now I have reduced it, perhaps as long as it goes. No mouse events are used at all. It started working better in Opera, but now IE is a complete cluster.

Anyway, I use the button to call this:

function ani() {
    $('td')
        .stop()
        .animate({backgroundColor: '#0f0'}, 3000)
        .animate({backgroundColor: '#00f'}, 3000);
}

See here .

Update [n + 1]:

I just can't leave it alone. I decided that the animation was actually happening. It just doesn't automate the background color. I did this by adding text and animating the background and foreground in unison. Under normal circumstances, you will never see the text after its animation, but sometimes the background becomes “forgotten”, and sometimes the foreground. This indicates that the jquery animation is actually happening, but it just does not animate all the attributes that were given to it. For the curious see this in action here . (warning: IE is suffocating)

Ok, now I will play some video games.

+5
1

, 1% . , , FF3, IE8 , : http://dev.jqueryui.com/ticket/4251. , , .

jquery.color.js FF3, IE8 , IE8 .

jQuery DOM, . , . , , .

+2
source

More articles:


All Articles