howto switch seamlessly between draggable instances

[justinayles]

hi,

 

I am battling to switch between 2 draggables setup on same element, am wondering if this is possible at all.

basically the codepen has an example of what I want to do, but it isnt seamless. draggable is setup for element of type x,y, what i want to do is when the drag direction is up kill the type x,y draggable and switch to a type: rotation draggable so that the card moves around on an axis. you can see mine does that, but only if you release and then click again - is there any way to make this seamless, so it just switches mid-drag ?

 

I am not so sure its possible, but am hoping someone on this forum has a better idea than me and can confirm or deny.

 

thanks,

Justin

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

[Diaco]

Hi justinayles 

 

with .startDrag() you can force the Draggable to begin dragging :

 

http://greensock.com/docs/#/HTML5/Drag/Draggable/startDrag/

 

i think you should do something like this  :

 

See the Pen dfhDH by MAW (@MAW) on CodePen

[justinayles]

perfect thanks