Hi,
I am new to GreenSock and trying to use Draggable plug in of GreenSock.
I have added the JS libraries in following order
<script src="../../../js/jquery-1.10.1.min.js"></script>
<script src="../../../js/jquery-ui.min.js"></script>
<script src="../../../js/greensock/plugins/ThrowPropsPlugin.min.js"></script>
<script src="../../../js/greensock/TweenMax.min.js"></script>
<script src="../../../js/greensock/plugins/Draggable.min.js"></script>
My HTML code structure is as follows:
<div id="imageContainer">
<div class="galleryImg"></div>
</div>
I completely flush #imageContainer and add few elements, with class name galleryImg, to it dynamically.
To make the imageContainer draggable I added following code in my JS
Draggable.create("#imageContainer");
However, when I try to drag the element, an error is thrown and the element is not draggable. The error from FireBug is as follows:
TypeError: i._gsTransform is undefined
...},this.content=o,this.element=t,this.enable()},H=function(i,n){t.call(this,i),i
The error also occurs as soon as I click (mouseDownEvent) the imageContainer.
Is there anything am I doing wrong over here ?
Which JS files do I need to add to use Draggable?
Where can I find standalone sample examples on how to use GreenSock plugins? (e.g. JQuery has this "View Source" link which can display full HTML to understand the whole example)
Please guide.