如何對slideIn，fadeIn和fadeIn進行排序？

Question

我需要向下滑動一條線並逐漸淡入兩個項目。我試圖寫這個代碼，但它不工作...

$(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

嘗試使用fadein

像callback，

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

    }); 

}); 
});