Jquery Le rappel d'animation affecte les mauvais éléments

Question

Hé j'essaie de faire une sorte de curseur mais j'ai un problème pour 'réinitialiser' la boucle. L'idée est d'animer les éléments pour fondre l'opacité et, une fois terminé, de les masquer afin que le ".is (: visible)" ne soit pas déclenché après la réinitialisation de la boucle. Cependant, la fonction de rappel affecte les éléments dont l'opacité est animée à '1', et au mauvais moment. Je suppose que c'est quelque chose de simple que je ne connais pas encore les animations car je suis un peu un newb jQuery.

$('a#galleryArrow').bind('click', function(){ 

     wrapper.children().slice(imageSet,(imageSet + 5)).animate({opacity: 0}, function() {$(this).hide();}); 

     if (wrapper.children(':last-child').is(':visible')) { imageSet = 0; } 
     else { imageSet = imageSet + 5; } 

     wrapper.children().slice(imageSet, (imageSet + 5)).css({display: 'block'}).animate({opacity: 1}); 
     wrapper.animate({left: -(imageSet * 104)});   

     return false; 

}); 

Answer 1

Essayez d'abord de déplacer le deuxième animé à l'intérieur du premier rappel d'animation afin qu'il ne soit pas en conflit.

$('a#galleryArrow').bind('click', function(){ 

     wrapper.children() 
      .slice(imageSet,(imageSet + 5)) 
      .animate({opacity: 0}, function() { 

       $(this).hide(); 

       if (wrapper.children(':last-child').is(':visible')) { 
        imageSet = 0; 
       } 
       else { 
        imageSet = imageSet + 5; 
       } 

       wrapper.children() 
         .slice(imageSet, (imageSet + 5)) 
         .css({display: 'block'}) 
         .animate({opacity: 1}); 

       wrapper.animate({left: -(imageSet * 104)});  

      }); 

     return false; 

});