jquery - 动画在我的 Firefox 3 中运行很慢

Question

看看这个代码片段：

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

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

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

此代码在除 Firefox 3 之外的所有浏览器中都能正常工作。为什么 Firefox 显示和隐藏文本如此缓慢？我该如何解决这种行为？

Answer 1

Firefox 3 是一个旧版浏览器，您的代码没有任何问题，您无法修复此问题，就像您无法更改以前的 Firefox 版本一样。如果它真的困扰你，你可以使用浏览器检测并为 FF3 和更早版本做一些更简单的事情

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

Answer 2

您的代码没有任何问题可能会导致减速。但是，尝试改变

$(element)

至

element

因为你element已经是一个 jQuery 对象。如果这不起作用，那可能是您的 Firefox 版本中的错误。现在已经是第7版了...

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

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