jquery - 如何依次对幻灯片、淡入和淡入进行排序？

Question

我需要一个接一个地滑下一条线并淡入 2 个项目。我尝试编写此代码，但它不起作用...

$(document).ready(function(){
    $(".verticalline").slideDown(2500,"linear",function(){
        $("#iwanimate").fadeIn(1000)
    },function(){
        $(".projects").fadeIn(1000);
        $(".company").fadeIn(1000);
    });
});

谁能帮我这个？

Answer 1

您将两个函数传递给无效的slideDown，您需要将第二个函数传递给fad​​eIn

$(document).ready(function(){
    $(".verticalline").slideDown(2500,"linear",function(){
        $("#iwanimate").fadeIn(1000,function(){
            $(".projects").fadeIn(1000);
            $(".company").fadeIn(1000);
        })
    });
});

Answer 2

尝试callback使用fadein

喜欢，

$(document).ready(function(){
    $(".verticalline").slideDown(2500,"linear",function(){
        $("#iwanimate").fadeIn(1000)
    },function(){
        $(".projects").fadeIn(1000,function(){// use callback function here
              $(".company").fadeIn(1000);
        });
    });
});

Answer 3

您可以在每个事件之后尝试回调。如果您有任何进一步的问题，请尝试在每个事件之后添加 .delay。

$(document).ready(function(){
$(".verticalline").slideDown(2500,"linear",function(){

   $("#iwanimate").fadeIn(1000, function()
   {
      $(".projects").fadeIn(1000, function()
      { 
         $(".company").fadeIn(1000);
      });

   });

});
});