AJAX返回数据fadeIn（）

Question

我使用AJAX将数据插入到我的表中，一旦完成，我希望我的新值淡入，代替现有的.html数据。

我有以下情况，但它似乎没有淡出...

// UPDATE INCOME 
     $("#salary-upd").on("submit", function(event) {
          event.preventDefault();
          var elem = $(this);
          $.post("update_salary.php", $(this).serialize(), function(data) {
                $(".spends").fadeIn().html(data);
     });

Answer 1

你可以这样做：

  $(".spends").append(data).fadeIn();

Answer 2

尝试，

   $(".spends").fadeOut('slow', function() { 
      $(this).html(data).fadeIn('slow'); 
   });

Answer 3

试试这个。将初始值设置为start，然后显式执行动画：

$(".spends").css('opacity', 0).animate( { opacity: 1 }, 'slow');