Uncaught TypeError: Cannot read property 'push' of un

[crammy90]

Hi there,

 

I have the below website (you will need to login using the details below) but the console is showing errors such as the below, which is affecting the sites ability to scroll on chrome. It also changes the cursor to the non expected state (i.e. hover on a div shows a hand etc).

 

Uncaught TypeError: Cannot read property 'length' of undefined TweenMax.min.js?ver=1407199624:14

Uncaught TypeError: Cannot read property 'push' of undefined

 

 

 

I am not sure how to fix the console errors above, so am just looking for some advice. Ive tried googling to no avail.

[Carl]

Hi and welcome to the GreenSock forums.

 

I'm guessing it may be because you are loading 2 versions of TweenMax. It appears you are loading the latest version from cdnjs (1.13.1) which is fine but a plugin called layerSlider is loading one from http://cappsule.me/wp-content/plugins/LayerSlider/static/js/greensock.js?ver=1.11.2&versions=1406620131

 

I would start by disabling that WP plugin.

[GreenSock]

Yep, I echo Carl's advice, and it also looks like you're loading CSSPlugin and EasePack which are both already inside TweenMax anyway. So just load TweenMax, and you should be done (as far as GreenSock tools). That wouldn't cause the errors you mentioned, though. Technically things should still work fine if you load those extras, but it's wasteful. You definitely shouldn't be loading two versions of TweenMax/TweenLite.

 

It's tricky to troubleshoot a whole app like that which has tons of scripts loaded and...well...a lot of moving parts. My advice would be to try to strip things down to the bare essentials, get it working and then add things until it breaks. That'll help you identify where the trouble is. 

[crammy90]

You were both correct. Thank you so much for helping me!!!!

 

I really appreciate that. 

[crammy90]

Also, I am not sure if I can ask this here,

 

but it is all working which is great, but this is my first project using greensock and I just wanted to ask whether it matters which order I stack the different things.

 

i.e.

.addTo(controller)

.triggerHook("onLeave")

.setTween(shakecapp);

 

 

.setTween(shakecapp)

.triggerHook("onLeave")

.addTo(controller);

[jamiejefferson]

I'm guessing you are using some other plugin that triggers GSAP tweens? I have no idea what those functions are for so I can't really comment on what order they should be in. Probably best to consult the documentation for your other plugin.

[machei]

@Carl, thanks, your answer was helpfully, because i truned off other scripts to check if any error displays. So that was script called with name "Revolution Slider".