Remove Element from DOM - Does TweenMax still run?

[Joe Hakooz]

Quick question here, sorry if this is answered somewhere else (couldn't find an answer).

 

Simplified scenario...

Let's say I have a div "#container" with an image inside it. Then I attach a tween to the image which rotates it infinitely.

 

Then... using jQuery, I replace the contents of #container with a new image.

 

Will the Tween that was attached to the original image (which is now gone) continue to eat memory, or is it now eligible for garbage collection? Do I first need to "Kill" all of its tweens before removing it?

 

My real situation is much more complicated but that is the general idea.

Thanks!

[Carl]

Removing the target of a tween from the DOM does not prevent the tween from running.

Consider the following example: http://jsfiddle.net/geekambassador/g9qNg/

 

The tween's onUpdate function will run after the object is removed. Check out killTweensOf() which you can run when you remove your objects:

 

http://api.greensock.com/js/com/greensock/TweenLite.html#killTweensOf()

[jhakooz]

I never thanked you for your answer... Thanks!

 

Solution

In my scenario, I'm running a bunch of separate files each containing a series of tweens. Kind of like loading external swfs in the good ol days.

When the user clicks the "load next animation" button, I simply call...

 

TweenMax.killAll();

 

... then load my next file via AJAX and I'm good to go!