Uncaught ReferenceError: Draggable is not defined

[samsam]

I'm getting this error when attempting to implement Draggable. I'm confused because I am able to do some of the functions that are shown in the 'Get Started' section i.e 

var obj = {myProp:0};TweenLite.to(obj, 2, {myProp:100}); 

I added a codepen - very simple representation of what I am doing. 

 

Any idea what's going wrong here? 

 

 

See the Pen EyWjLO by anon (@anon) on CodePen

[PointC]

Hi samsam 

 

Welcome to the GS forums.

 

Your pen isn't loading the Draggable plugin. It might be easiest for you to fork this GreenSock pen:

 

See the Pen OPqpRJ by GreenSock (@GreenSock) on CodePen

 

It loads everything including the member plugins so you can give them a test drive. Just an FYI - you don't need the head elements or body tag on CodePen - it takes care of that for you and the JavaScript should go in the JS panel down below.

 

Hopefully that gets you started. 

 

Happy tweening and welcome aboard.

[samsam]

Hi pointc thanks for helping me with this. I didn't know that the Draggable plugin had a separate <script> to load, I thought it was included as part of TweenMax. I've got it working now. Thanks again!

[GreenSock]

If you want to use Draggable, you need to load it. 

https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.5/utils/Draggable.min.js

 

You just listed all the bonus plugins (none of which have anything to do with Draggable, although ThrowPropsPlugin does unlock the momentum-based flicking feature in Draggable). 

 

Does that help? So basically, you can load Draggable and TweenMax and you'll be able to do almost anything (Draggable requires TweenMax or TweenLite/CSSPlugin)

[BigMattKush]

I am having an issue loading Draggable. I am 100% certain it is being loaded. Everything else is.

 

https://greensock.com/forums/topic/20425-draggable-is-not-defined-draggable-is-loaded/