实时JavaScript转换闪烁

Question

我已经对一些文本进行了JavaScript翻译，这些文本是在实时而不是在服务器端发生的，但是当它替换时它会闪烁，因此不是用户友好的。我能做点什么吗？我做了

的 this jsfiddle

以下是代码摘要：

// bind the animation so I can catch a node inserted and then

if(event.animationName == "nodeInserted")
{
    if ($(event.target).hasClass('translate'))
    {
        $(event.target).text(Translate($(event.target).attr('translate')));
    }
}

// where function Translate() replaces the text

然而，当它取代时它会眨眼，我不知道这对眼睛更友好。我希望这个例子足够简单，可以描绘我的问题。

Answer 1

根据你的小提琴，我可以发表一些评论。首先，你的动画是短暂的（0.001s），这可能是它闪烁的原因（动画发生得太快）。

此外，您的淡入淡出从50%开始，而不是0%。

也许我错了这一切，我不明白你的问题，但我提供并编辑了小提琴，所以你可以亲眼看看我指的是什么。以这种方式褪色很好：

http://jsfiddle.net/TMGLX/9/