Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Zhur

How to enable/disable Draggable() ?

Recommended Posts

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

Link to comment
Share on other sites

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

  • Like 1
Link to comment
Share on other sites

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/

  • Like 2
Link to comment
Share on other sites

Thanks for this response. It works !

Arzh

Link to comment
Share on other sites

  • 2 years later...

@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!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    No registered users viewing this page.

×