Jquery AJAX返回数据fadeIn（）

我使用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);
     });

---

您可以这样做：

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

---

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

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

试试看

---

“它似乎没有消失”到底是什么意思？您的示例还有一个语法错误。请将fadeIn放在thmlAre之后。是否先将其不透明度设置为0，以确保它已淡出？看起来这可能就是问题所在。它不会消失，只是在当前值上瞬间出现@asawyer@LiamjQuery动画是否已关闭？请尝试添加延迟，如$（'selector'）。fadeIn（'slow'）或使用number@Liam我认为您希望附加数据，而不是替换数据，请尝试

append（）

而不是

html（）

.Sort of works@dbaseman，初始值立即消失，但新值消失in@Liam尝试

$（“.expenses”）.animate（{'opacity'：0}，'slow'，function（）{$（this.html（数据）。animate（{'opacity:1}，'slow'）；}）

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