Uncaught Cannot tween a null target

[dada78]

Hi guys,

 

2 things:

 

1_ I can't figure out why the console is throwing this error: "Uncaught Cannot tween a null target." after the dummy data has loaded.

Any insight on this?

 

2_ Also in the fadeOutUnselected function on line 38, on line 42 I am trying to animate the variable selectedId to position y:0. I tried placing it as a global variable to be accessible from other functions but I can't figure out how to rewrite it so that variable selectedId becomes available within my timeline functions?

 

Thanks for looking into this!

See the Pen b50de869b75b32e220956bb36052733b by dada78 (@dada78) on CodePen

[GreenSock]

1) You're inserting a function call into a timeline on line 25 like this: 

.add(horizontalBar)

but your function signature expects 2 arguments:

function horizontalBar(bar, percentage) {
    var tl = new TimelineMax();
    tl.to(bar, 1, {width: percentage+"%"}) 
    return tl;
}

Thus "bar" is undefined when the function gets called, meaning you're creating a tween of a null object. 

 

2) I'm not entirely sure I understand your goal or why declaring the variable outside your function scope wasn't working for you, so I'll let someone else take a stab at helping you on this one. I'm out of time and almost falling asleep