JQuery的每个函数如何强制连续操作

Question

使用JQuery .each函数（）但它同时在所有元素上运行。相反，我希望它是顺序的。所以操作一个功能一次完成第二个等等..

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