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

Question

嘿，我试图制作一种滑块，但在让循环“重置”时遇到问题。这个想法是让元素动画以淡化不透明度，并在完成后将它们隐藏起来，以便在重置循环后不会触发“.is(:visible)”。然而，回调函数正在影响将其不透明度动画为“1”的元素，并且在错误的时间。我猜这很简单，我还不知道动画，因为我有点 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

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

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

});