Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery每个函数如何强制连续操作_Jquery_Function_Each - Fatal编程技术网

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

JQuery每个函数如何强制连续操作,jquery,function,each,Jquery,Function,Each,使用JQuery.each function(),但它同时对所有元素进行操作。相反,我希望它是连续的。因此,一旦完成第二个功能,就在一个功能上进行操作,等等。。等等 $('#fader').children().hide(); $('#fader').children().each(function(){ $(this).fadeIn(2000,function(){ $(this).delay(4000); $(this)

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

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

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

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

您可以使用如下递归函数执行此操作:

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'));

明亮的如何在完成setInterval后使其循环(函数(){fader($('#fader').children(':first');},1000);-这将反复循环,暂停1秒;而不是我原来的最后一行。请注意,这将以1秒延迟开始整个衰落。如果你想立即启动,请保持两条线路。