Jquery动画回调影响错误的元素

Question

嘿我试图做一种滑块，但有问题得到循环'重置'。这个想法是让元素动画淡化不透明，并在完成后隐藏它们，以便在循环重置后不会触发“.is（：visible）”。但是，回调函数正在影响将其不透明度设置为“1”且在错误时间的元素。我猜这是简单的，我不知道动画，因为我是一个jQuery newb的一点。

$('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

首先尝试将第二个动画移动到第一个动画回调的内部，以免它们发生冲突。

$('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; 

});