Uncaught Cannot tween a null target

[simplesolution]

I'm testing green sock in WordPress. ( beginner)

 

error : Uncaught Cannot tween a null target  

 

 

-----------------------------------------------------------------

 

// curve moving bezier 
TweenMax.to(document.getElementById("box1"), 6, {
  type:"soft",
    bezier:[
        {left:100, top:250},
        {left:600, top:0},
        {left:300, top:100}
    ], ease:Power1.easeInOut, repeat: -1, yoyo: true
});

---------------------------------------------------------------------

-> this code makes above error.

I didn't find the solution yet.

 

 

 

[PointC]

There's a lot to look at here and it's difficult to troubleshoot a live site. I do see that TweenMax is not loading until you've loaded your main.js and ScrollMagic scripts. I'm wondering if changing that load order would fix this for you.

 

If you could create a super simple demo that demonstrates the problem, we'd have a better chance of pointing you in the right direction. More info:

Happy tweening.

[simplesolution]

I found the problem.

As your advice, I removed all code and made simple.

and then, I checked one by one.

 

If I removed below code, Everything is ok.

 

// curve moving bezier 
jQuery(document).ready(function(){
TweenMax.to(document.getElementById("box1"), 6, {
  type:"soft",
    bezier:[
        {left:100, top:250},
        {left:600, top:0},
        {left:300, top:100}
    ], ease:Power1.easeInOut, repeat: -1, yoyo: true
});
});

 

This code is fine in home. It works well.

but In the other page,

If I removed html markup(for above code), It made some error.

 

See the Pen xxKJawJ by mogwai90 (@mogwai90) on CodePen