onCompleteAll with anonymous function?

[LilaQ]

Hi guys,

 

can't staggerFromTo -> onCompleteAll handle anonymous functions?

I do this with a normal onComplete in a regular Tween all the time, since I think it's more intuitive to have the functions inline.

 

My call:

TweenMax.staggerFrom($(".kontakt-artist"), 1, {transformOrigin: "100% 0%", scaleX: 0, onCompleteAll: function() {
						console.log("should be rotating");
						TweenMax.staggerFromTo($(".kontakt-image"), 0.4, {rotationX: 360, opacity: 0}, {rotationX: 0, opacity: 1}, 0.25);
					}}, 0.25);

The console output:

 

 

invalid onCompleteAll tween value: function () {

console.log("should be rotating");

TweenMax.staggerFromTo($(".kontakt-image"), 0.4, {rotationX: 360, opacity: 0}, {rotationX: 0, opacity: 1}, 0.25);

}

 

Thanks for your help!

[Diaco]

 Hi LilaQ 

 

pls try this :

 

See the Pen myVRdd by MAW (@MAW) on CodePen

TweenMax.staggerFrom($(".box"), 1, {transformOrigin: "100% 0%", scaleX: 0} , 0.25 , FN );

function FN (){
console.log("should be rotating");
TweenMax.staggerFromTo($(".box"), 0.4, {rotationX: 360, opacity: 0}, {rotationX: 0, opacity: 1}, 0.25);
}

as you can read on the Docs :

 

TweenMax.staggerFrom( targets:Array, duration:Number, vars:Object, stagger:Number, onCompleteAll:Function, onCompleteAllParams:Array, onCompleteAllScope:* ) : Array

 

http://greensock.com/docs/#/HTML5/GSAP/TweenMax/staggerFrom/

[LilaQ]

Oh boy, thanks for clearing that up, missed that completely. Thanks Diaco.AW

 

Even inline placing works without a flaw, now that it's positioned correctly