TweenLite/TweenMax を使用する最善の方法を理解しようとしています。
- すべてのトゥイーンを同じ変数で参照すると便利ですか?
- 相対パブリック メソッドでトゥイーンを強制終了した後、ガベージ コレクションの処理を改善するために参照をnullに設定する必要がありますか?
以下に、よくコメントされた例を示します。
$(document).ready(function () {
var elementOne = $('#elementOne');
var elementTwo = $('#elementTwo');
var myTween;
// is it useful to overwrite the variable?
myTween = TweenMax.to(elementOne, 1, {
opacity: 0
});
myTween = TweenMax.to(elementTwo, 1, {
left: 0,
onComplete: destroy
});
function destroy () {
// suggested on tweenmax docs
// the console.log still returns me the object
myTween.kill();
console.log(myTween);
// is it required for garbage collecting?
// now the console.log returns me null
myTween = null;
console.log(myTween);
// and then...jQuery GC friendly remove
elementOne.remove();
elementTwo.remove();
}
});