Pass a function to onComplete with parameter without invoking it?

[Visual-Q]

I was wondering if the javascript gurus could advise me.

 

I mada a callback function attached to a Timeline to remove an animation element from the dom on completion like so:

var titleTextAnimation = new TimelineMax( {onComplete:removeElement(animationContainer)});


function removeElement(elementToRomove){
  elementToRomove.remove();
  console.log('animationcomplete');
  }

Then I discover that passing the parameter in parentheses invokes the function immediately without waiting for the callback.

 

How could I do this better? It would be nice if I could pass the parameter in this way.

 

I'm not sure how I might use a 'this' instead inside the function since I don't even know what it would refer to in a onComplete callback(the timeline itself maybe?). 

[PointC]

Hi Visual-Q 

 

Sounds like you're looking for onCompleteParams. From the docs:

• onCompleteParams : Array - An Array of parameters to pass the onComplete function. For example,TweenLite.to(element, 1, {left:"100px", onComplete:myFunction, onCompleteParams:[element, "param2"]}); To self-reference the tween instance itself in one of the parameters, use "{self}", like:onCompleteParams:["{self}", "param2"]

// this should work for you
var titleTextAnimation = new TimelineMax( {onComplete:removeElement, onCompleteParams:[animationContainer]});

Hopefully that helps a bit.

 

Happy tweening.

[OSUblake]

You can do it is just like PointC showed...

var tl = new TimelineMax({
  onComplete: myCallback,
  onCompleteParams: ["foo", "bar"],
  callbackScope: myScope // what 'this' will refer to
});

function myCallback(a,  {
  console.log("A: %s B: %s", a, ; // A: foo B: bar
}

Another option is to create a bound function...

var tl = new TimelineMax({
  onComplete: myCallback.bind(myScope, "foo", "bar")
});

function myCallback(a,  {
  console.log("A: %s B: %s", a, ; // A: foo B: bar
}

If you don't have a scope, just put null as the first argument.

 

[Visual-Q]

Awesome, thanks guys.

 

Exactly what I was looking for.