javascript - Jquery 即使在超时后也能完成动画的执行

Question

所以我有在页面加载时执行的脚本..

$(document).ready(function() {
    setTimeout(function() {
        $("#loader-wrapper .loader-section, #textbit").hide("slow");
        $("#logo").animate({
            left: '-115px',
            top: '-60%'
        });
        $("#logo-side").animate({
            opacity: 1
        }, 3000);
        $("#wrapper").unwrap();
    }, 2000);
});

基本上，我希望 #logo-side 在 AFTER setTimeout 中淡入淡出，但不确定如何编写脚本。有人可以帮忙吗？

Answer 1

在 $("#logo") 上使用动画回调函数。阅读更多关于 animate 的信息

   $(document).ready(function() {
     setTimeout(function() {
        $("#loader-wrapper .loader-section, #textbit").hide("slow");
        $("#logo").animate({
          left: '-115px',
          top: '-60%'
        },'slow',function(){
           $("#logo-side").animate({
           opacity: 1
           }, 3000);
       });

       $("#wrapper").unwrap();
    }, 2000);
 });