这是JsFiddle:http://jsfiddle.net/d6mmZ/7/

单击链接1和2立即更新文本。单击链接3开始缓慢的淡出。如果我在这段时间内单击链接1或2,则该动画应该被中止并且新文本立即显示。

在Chrome中,这正是发生的情况。在Firefox 13/14中,有半秒钟的暂停,在此期间内容完全不可见。如果我完成淡入淡出,链接1和2将立即起作用。

这是Firefox / jQuery错误还是我滥用渐变?如果有错误,我可以以某种方式解决此问题吗?

最佳答案

简单地隐藏起来,强制重排然后再显示一次,至少在Firefox 13中对我有用:

function showIt(message) {
    var div = $("div");
    div.empty().append(message).stop().hide();
    div[0].offsetWidth; //Force reflow, required
    div.show().css('opacity', 1);
}


http://jsfiddle.net/d6mmZ/28/

09-10 10:39
查看更多