當所有的東西都完成褪色時做一些事（alert）

Question

我想弄清楚當所有的東西都完成褪色後我該怎麼做（警告）。也許我的語法不好？

$.fn.showdelay = function(){ 
      var delay = 0; 
      return this.each(function(){ 
       $(this).delay(delay).fadeIn(200); 
       delay += 200; 
      }, 
      function(){ 
       alert('done!'); 
      }); 
     }; 
    $item.delay(500).showdelay(); 

Answer 1

利用callback function parameter在fadeIn方法：

$.fn.showdelay = function(){ 
     var delay = 0, count = $(this).length - 1; 

     return this.each(function(i){ 
      $(this).delay(delay).fadeIn(200, function() { 
       if(i == count) alert('something'); 
      }); 
      delay += 200; 
     }); 
    }; 
$item.delay(500).showdelay(); 

http://api.jquery.com/fadeIn/

Answer 2

可以使用fadeIn()回調將運行在動畫完成時。

$('#el').fadeIn('fast', function(){ //Callback }); 

Answer 3

使用fadeIn中提供的回調方法。

$.fn.showdelay = function() { 
var delay = 0; 
return this.each(function(){ 
    $(this).fadeIn(200, function() { 
     alert('done!'); 
    }); 
    delay += 200; 
}); 
$item.delay(500).showdelay();