jquery - 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").fadeOut('slow', function() { 
      $(this).html(data).fadeIn('slow'); 
   });

Answer 2

あなたはこのようにすることができます：

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

Answer 3

これを試してみてください。初期値を start に設定してから、明示的にアニメーションを実行します。

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