Unable to restart a timeline using onComplete callback

[lexbi]

Hey,

 

I'm getting this error in the console:

 

Uncaught TypeError: e[t].apply is not a function

 

Not doing anything too fancy:

var tl = new TimelineLite();

tl.add(TweenLite.to($(".dropdown_menu_wrapper.show_arrow i.fa"), 0.5, { y:10, ease:Expo.easeOut }));

tl.add(TweenLite.to($(".dropdown_menu_wrapper.show_arrow i.fa"), 0.5, { y:0, ease:Expo.easeOut, onComplete:tl.restart() }));

tl.play();

Any ideas on what this could be? I've tried using TimelineMax & TweenMax too, same issue.

See the Pen BNYMYe by lexbi (@lexbi) on CodePen

[lexbi]

Oh apparently the callback needs to be in a function, derp.

[Diaco]

Hi lexbi 

 

pls try this too :

var tl = new TimelineLite({onComplete:function(){this.restart()}});
tl.to("#red",2,{x:100})
  .to("#blue",2,{x:100});