Using $(this) in function onComplete

[Marshmallow]

Hi,

 

I was just wondering if it is possible to call upon a function with onComplete that would then use a tweenmax to create a new effect. But only for the object that called the onComplete, so I thought I'd use $(this) (so I can use the same function with different onCompletes) but that does not seem to work.

 

So far I only have this:

var titleAnimation =  function() {
	TweenMax.to($(this), 1, {
		color: 'red'
	});
}

Thanks in advance

 

~Marshmallow

[Dipscom]

Hi Marshmallow,

 

Yes, it's possible and very handy. It's all about scope, though. And in JavaScript that can be confusing.

 

In the docs, there's plenty of detailed information on how GSAP behaves, have a look at this link and the methods: onComplete, onCompleteParams, onCompleteScope.

 

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

 

I can't help you much further than this because I am having difficulties seeing when you want what triggered - get us a simple tiny demo and we'll tinker with it until you get your solution, how about that?

 

[OSUblake]

Didn't we just go over this? 

http://greensock.com/forums/topic/15528-reference-currently-tweening-element-outside-of-timeline/?p=67687

 

I was only pointing out a possible gotcha. You'll be fine doing this...

function onComplete() {
  TweenLite.to(this.target, 1, { color: "red" });
}