如何使用jQuery实现平滑的淡出、更改文本和淡入效果?

5
我一直在玩一个 div,它会在用户操作下发生变化。我希望它可以淡出,更改节点值然后再淡入。
无论我尝试什么,我总是看到元素在淡出时值发生了更改。有人能帮忙吗?
        calculator_result.fadeOut();
        calculator_result.css("color", "#fff").html("€" + vRelief + ".00");
        calculator_result.fadeIn();

这是我现在使用的代码,但我尝试了几种不同的方法!延迟可能有效,但肯定有更简洁的方法吧?

谢谢, 丹尼斯

1个回答

11

将元素变化和淡出放在fadeOut回调函数中。当你在回调函数中这样做时,代码会等到动画效果完成后才执行。

 calculator_result.fadeOut( 'normal', function() {
      $(this).css("color", "#fff").html("€" + vRelief + ".00" )
             .fadeIn();
 });

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接