Question

我需要一个接一个地滑下一条线并淡出2个项目。我尝试编写这段代码，但它无法正常工作......

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

任何人都可以帮我吗？

Answer 1

您将两个函数传递给slideDown这是无效的，您需要将第二个函数传递给fadeIn

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

   });

});
});

如何依次对幻灯片，fadeIn和fadeIn进行排序？

3 个答案: