すべてのものがフェードインし終わったときに何かをしてください（警告）

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

fadeIn方法で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

。

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