How to enable/disable Draggable() ?

[Zhur 1 Likes (Newbie)]

Hi, I am using the Draggable plugin and I need to enable/disable it sometimes.

I can't find a sample on the help documentation to control this.

The follow exemple seems not to work :

 

Draggable.enable();

 

Thanks for your help.

See the Pen by (@) on CodePen

[Diaco 1,948 Likes (Superhero)]

Hi Zhur 

 

Draggable.create() returns an array of draggables , so you should to use something like this :

 

draggable[0].enable();

 

pls check this out :

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

[Carl 9,066 Likes (Superhero)]

Nice job again Ancient Warrior. You beat me once again;)

Your demo is better than mine as it clearly shows that Draggable.create() creates an Array of multiple instances.

 

Here is another simple demo:

http://codepen.io/GreenSock/pen/hAoru?editors=001

 

Bonus note: in addition to going into the Array  to find the draggable to enable / disable (which is easy with 1 or 2 instances) you can also use 

var myDraggable = Draggable.get("#someID");
var myDraggable = Draggable.get(element);

http://greensock.com/docs/#/HTML5/GSAP/Utils/Draggable/get/

[Zhur 1 Likes (Newbie)]

Thanks for this response. It works !

Arzh

[Velojet 2 Likes (Newbie)]

@Carl Thanks for pointing to Draggable.get() - much the easiest way in my case to find the instances to disable and re-enable. Still great advice two years on!