Проблемы с анимацией затухания с помощью jQuery - PullRequest
Новая
       16

Проблемы с анимацией затухания с помощью jQuery

0 голосов
/ 11 сентября 2010

Я пытаюсь потушить некоторые элементы на странице, получить новые с помощью 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, прежде чем постепенное появление могло работатьУ кого-нибудь есть идеи, почему он не исчезает?

1 Ответ

1 голос
/ 11 сентября 2010

Ах, проблема была в том, что элементы менялись местами до того, как затухание могло закончиться. Я поместил всю функцию AJAX в функцию завершения для метода animate и эй presto!

...