SplitText Function Call not working locally...

[cfx]

Guys, I don't understand this, using this simple splitText action inside a function, works fine on codepen but locally getting in browser console:

 

TypeError: undefined is not an object (evaluating 'a.length')

 

Any ideas? Set up is code in a local .js file correctly linked and working with other animations and html elements in index.html exactly as codepen example.

 

2 a.m. here so that might have something to do with it, not normally this dense...

 

Buzz

See the Pen mXdvQr by cfx (@cfx) on CodePen

[Carl]

not really sure. are you running the same version of SplitText?

The CodePen one uses 0.5.8

 

Add this locally to test 

console.log(SplitText.version)

 

[cfx]

7 hours ago, Carl said:

not really sure. are you running the same version of SplitText?

The CodePen one uses 0.5.8

 

Add this locally to test 

console.log(SplitText.version)

 

 

Just done that Carl, reports 0.5.8..

[cfx]

I've turned off all scripts except

js/SplitText.min.js

https://...../libs/gsap/1.20.3/TweenLite.min.js

https://..../libs/gsap/1.20.3/TimelineLite.min.js

 

and my working script but have commented out everything except the splitText function I posted. The problem can only be either the local environment, the splitText function or the html!

 

 

Buzz

[cfx]

Ok, clearly never do things at 2 a.m. - turns out my index.js was ref'd in the head so of course it wasn't picking up the string elements on the page before the script ran.

 

doh.

 

Hope this maybe helpful to other late night developers. Now where's my coffee..

 

Thanks Carl.

 

Buzz

[Carl]

Well, glad it was something simple.

Don't worry, we've all been in similar situations. Its part of the developer's life.