jQuery各函数如何强制连续运行

Question

使用 JQuery .each function() 但它同时对所有元素进行操作。相反，我希望它是连续的。因此，一旦完成第二个功能，就对一个功能进行操作，依此类推。

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