jquery仅在一个函数完成后才启动一个函数答案

【问题标题】：jquery start a function only after one function completesjquery仅在一个函数完成后才启动一个函数
【发布时间】：2013-10-13 15:07:56
【问题描述】：

我想知道是否可以仅在前一个功能完成后才启动功能。我在下面列出了两个函数，我试图一个接一个地运行。谢谢！

                var controller = $.superscrollorama();


                controller.addTween('#graphicOne', TweenMax.from( $('#graphicOne'), .7, {css:{right:'1000px'}, ease:Back.easeOut}));
                controller.addTween('#graphicTwo', TweenMax.from( $('#graphicTwo'), .7, {css:{left:'1000px'}, ease:Back.easeOut})); 
                controller.addTween('#graphicThree', TweenMax.from( $('#graphicThree'), .7, {css:{right:'1000px'}, ease:Back.easeOut}));        
            }

功能2：

        function footerAnimation() {
            TweenMax.from( $('#footerTextLight'), .7, {css:{opacity:'0'}})
        }

【问题讨论】：

为什么不在 fn1 的末尾调用 fn2？
试过但没用:(
是的，为什么。没有理由。控制台输出是什么

标签： javascript jquery function gsap superscrollorama

【解决方案1】：

使用onComplete回调

controller.addTween(
       '#graphicThree', 
       TweenMax.from( $('#graphicThree'), .7, 
                     {
                     css:{right:'1000px'},
                     ease:Back.easeOut, 
                     onComplete : footerAnimation
                    }
                  )
       );

在动画完成时向补间传递一个函数。

http://johnpolacek.github.io/superscrollorama/

【讨论】：