Need simplest possible example of drag.

jimeast · March 1, 2016

Since my example code is so simple I thought it might be best to just lay it out here rather than use codepen.

When I run the following code in firefox I get no error message but it doesn't drag either, in Chrome I get 2 errors:

Uncaught SyntaxError: Unexpected token <

dragTest.html:20 Uncaught ReferenceError: Draggable is not defined(anonymous function) @ dragTest.html:20

Here is my code:

<!DOCTYPE html>

<head>

<style type="text/css">

#smallBox {

position: absolute;

width: 100px;

height: 100px;

background-color: red;

}

</style>

</head>

<body>

<div id="smallBox"></div>

<script src="gs/min/utils/"></script>

<script>

Draggable.create("#smallBox");

</script>

</body>

</html>

PointC · March 2, 2016

That sure sounds like Draggable isn't loaded.

//you have this
<script src="gs/min/utils/"></script>
// have you tried this ?
<script src="gs/min/utils/Draggable.min.js"></script>

Does that help?

jimeast · March 2, 2016

I've tried that and when I do I get only 1 message Uncaught ReferenceError: Draggable is not defined

PointC · March 2, 2016

hmmm... I suppose we shouldn't overlook the obvious here - I don't see TweenMax being loaded in the code you posted.

If you load Draggable without TweenMax, you will still get the draggable is not defined error.

Could TweenMax be missing?

Edit: you can also use TweenLite, but will need the CSSPlugin too.

jimeast · March 2, 2016

That did it! Thank you so much!

Notifications

Messages

Need simplest possible example of drag.

Warning: Please note

Recommended Posts

jimeast

Link to comment

Share on other sites

PointC

Link to comment

Share on other sites

jimeast

Link to comment

Share on other sites

PointC

Link to comment

Share on other sites

jimeast

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Recently Browsing 0 members