Animation working very slow in my Firefox 3

Question

Look at this code snippet:

$('#clickme').click(function(){blinkText($('#SendedText')); });

function blinkText(element)
{
    $(element).fadeIn('slow');
    $(element).fadeOut('slow');
}

http://jsfiddle.net/aXMtH/5/

This code works fine in all browsers except Firefox 3. Why does Firefox show and hide text so slowly? How can I fix this behavior?

I don't have Firefox 3 to try this out. But it runs great on FF 7. — Ruan Mendes, Oct 14 '11 at 12:25
just tryin to help you out, I'm an English teacher by day lol — Tules, Oct 14 '11 at 12:28
by the way you could also optimize your code by doing this `function blinkText(element) { $(element).fadeIn('slow').fadeOut('slow'); } ` — Tules, Oct 14 '11 at 12:50

score 1 · Accepted Answer · answered Oct 14 '11 at 12:17

1

There's nothing wrong with your code that could case the slowdown. However, try to change

$(element)

to

element

because your element is already an jQuery object. If that won't work, that's probably a bug in your Firefox version. It's already version 7 now...

http://jsfiddle.net/aXMtH/6/

function blinkText(element)
{
    element.fadeIn('slow');
    element.fadeOut('slow');
}

answered Oct 14 '11 at 12:17

genesis

50,477
20
96
125

@Tules: maybe it was the problem – genesis Oct 18 '11 at 13:14
I doubt it, animations in general tend to be sluggish in older browsers, no offence to you bro, I'm just saying he shouldn't just accept the first answer, it should be the most relevant – Tules Oct 18 '11 at 13:21

score 1 · Answer 2 · answered Oct 14 '11 at 12:24

Firefox 3 is an old browser, there is nothing wrong with your code and you can no more fix this problem than you can alter previous releases of firefox. If it's really bothering you you could use browser detection and do something simpler for FF3 and older

// Select Firefox under 3.x
if (jQuery.browser.mozilla && jQuery.browser.version <= '1.9') {
// alternative behavior.
}

Animation working very slow in my Firefox 3

2 Answers2