Question

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

以下是我的函数的总和值。

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）的文本时，有没有办法让数字从旧值淡入新值？

Answer 1

这样的东西？：

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

Answer 2

更改文字后，您可以先淡化文字，然后更改内容，然后将其淡化为

Answer 3

你可以复制一个dom对象，在与旧版本相同的位置放置，然后淡出旧版本，然后淡入新版本，然后删除旧版本。

转换div中的文本

3 个答案: