javascript - jQuery fadeIn 问题或替代方案

Question

我正在向文件发送发布请求并将其放入 id='balance' 但我希望它闪烁或淡入，以便用户知道它正在实时更新。我尝试添加一个 fadeIn() 但它没有做我想做的事情。我做错了还是有更好的方法？代码如下。

var balance_update = setInterval(function() {
    $.post('./requests/balance.php', function(balance) {
        $('#balance').html(balance).fadeIn(1000);
    });
}, 400);

Answer 1

你可能只需要先隐藏它，因为fadeIn()对可见元素没有任何作用......

var balance_update = setInterval(function() {
    $.post('./requests/balance.php', function(balance) {
        $('#balance').html(balance).hide().fadeIn(1000);
    });
}, 400);

Answer 2

需要隐藏元素的可见性。

使用 CSS{display: none; }或 jQuery 的.hide方法 whebjQuery(document).ready();触发

Answer 3

这应该工作

$('#balance').html(balance).hide(function(){fadeIn(1000)});