JQuery的每個函數如何強制連續運行

Question

使用JQuery。每個函數（）它同時在所有元素上運行。相反，我希望它是連續的。因此，在一個功能操作一旦完成第二等。等等。

$('#fader').children().hide(); 

$('#fader').children().each(function(){ 

     $(this).fadeIn(2000,function(){ 
      $(this).delay(4000); 
      $(this).fadeOut(2000); 
     });  
    }); 

Answer 1

你可以用這樣的遞歸函數做到這一點：

function fader(elm) { 
    elm.fadeIn(2000, function(){ 
    elm.delay(4000); 
    elm.fadeOut(2000, function() { 
     if (elm.next()) { 
     fader(elm.next()); 
     } 
    }); 
    }); 
} 

$('#fader').children().hide(); 

fader($('#fader').children(':first'));