转换 div 内的文本答案

【问题标题】：Transition the text inside a div转换 div 内的文本
【发布时间】：2010-12-22 19:12:52
【问题描述】：

我有一个包含金额的行项目表，用户可以选择或取消选择项目。我在页面上有一个元素，当在选择中发生更改时，为所选项目计算总计。

这是我的函数对值求和的样子。

function ComputeTotalPayment() {
    var sum = 0;

    $.each($("[id^='payment-amount-']"), function () {
        //...compute sum here
    });

    if ($('amount-total'))
        $('#amount-total').text('$' + sum.toFixed(2));  //display
}

当我更改amount-total（一个div）的文本时，有没有办法让数字从旧值淡入新值？

【问题讨论】：

标签： jquery animation fade jquery-animate transitions

【解决方案1】：

像这样？：

$("#amount-total").fadeOut(function(){ $(this).text("test").fadeIn(); })

【讨论】：

【解决方案2】：

更改文本时，可以先淡出文本，然后更改内容，然后再淡入

【讨论】：

不是我想要的效果，但它是一个不错的选择。

【解决方案3】：

您可以克隆 dom 对象，将其放置在与旧对象相同的位置，然后淡出旧对象，同时淡入新对象，然后删除旧对象。

【讨论】：