使用 jQuery 制作淡出动画时遇到问题

Question

我正在尝试淡出页面上的一些元素，使用 AJAX 获取新元素，然后淡入新元素。淡入效果很好，但淡出效果不行。我尝试使用 fadeOut，因为 fadeIn 工作正常，但淡出根本不起作用 - 元素就消失了。我现在正在尝试制作不透明度变化的动画。它对于淡入效果很好。代码如下：

$(document).ready(function() {
   setTimeout("getTestimonial()", 10000);
});

   function getTestimonial() {
     var counter = $('#products #cart-widget .counter').html();
        $('#products #cart-widget p > span').each(function(index) {
           if($(this).is('.counter')) {
           } else {
              $(this).animate({opacity: 0}, 5000, function(){});
           }
        });
    $.get("testimonials_include.php5", {'counter':counter}, function(data) {
       $('#products #cart-widget p').replaceWith(data);
       $('#products #cart-widget p').children().css("opacity",0);
$('#products #cart-widget p > span').each(function(index) {
   if($(this).is('.counter')) {
   } else {
      $(this).animate({opacity: 1}, 5000, function(){});
   }
});
    });
    setTimeout("getTestimonial()", 10000);
   }

请注意，新元素的不透明度默认为 1，因此我必须将它们设置为 0，然后淡入才能起作用。有谁知道为什么它不消失？

Answer 1

啊 - 问题是元素在淡入淡出完成之前就被交换了。我将整个 AJAX 函数放在 animate 方法的完成函数中，嘿，快点！