Ununderstandable "uncaught exception: Cannot tween a null target."

[shared]

Hi,

 

DOM elements are loaded with twig (on symfony 3)

tl = new TimelineLite();
tl
    .to(A_shape_intro, 2, {opacity:1, scale:1, ease:Expo.easeOut})
    .add(runTimelineAnimSVG(arrayAnim, runingPattern))
    .staggerFrom($("#logo svg"), 1, {opacity:0, top:-30}, 0.1);

.to is executed well,

.add and the function runTimeLineAnimSVG is executed well

.staggerFrom is not working

 

I got the error : uncaught exception: Cannot add undefined into the timeline; it is not a tween, timeline, function, or string and .staggerFrom is not triggered

 

What's the problem ?

 

Thanks

 

[PointC]

Hi @shared

 

Welcome to the forum. 

 

Your function is firing immediately. You can add() a function to the timeline, but it doesn't take parameters. Please try call() like this:

 

.call(runTimelineAnimSVG, [arrayAnim, runingPattern])

 

Here's some more info about call()

https://greensock.com/docs/#/HTML5/GSAP/TimelineMax/call/

 

Hopefully that helps. Happy tweening.

[shared]

Hi,

 

Thanks for answering me, i'm actually busy with another project, I'll try next week. I keep you in touch.