jquery draggable enable and disable

jquery draggable
Gleiemeister 2000 picture Gleiemeister 2000 · Nov 29, 2012 · Viewed 37.4k times · Source

Ive tried anything to do this, but always get the same error

$(".tooltip").draggable('disable');

Error: cannot call methods on draggable prior to initialization; attempted to call method 'disable'

Prior to initialization? So I cannot remove the option before its actually being dragged around? Ive tried with droppable as well, cant seem to get them disabled enabled without getting this error.

edit: I found out that I have an element with the class that is without draggable (which makes sense when you look at the error). Now I just have to find a way so it disables all the draggables without throwing the error :)

Answer

Barmar picture Barmar · Nov 29, 2012

Try this:

$(".tooltip").draggable({ disabled: true });

This initializes the draggable in the disabled state. You can then use

$(".tooltip").draggable("enable");

later when you want to allow dragging.

Related questions

jQuery UI - Draggable is not a function?

I've trying to use the draggable effect on some divs on a page, but whenever I load the page, I get the error message: Error: $(".draggable").draggable is not a function I've had a look around it seemed other people …

Read More
jquery draggable: how to limit the draggable area?

I have a draggable object (div), and some droppable ones (table TD's). I want the user to drag my draggable object to one of those droppable TD's. I enable draggable and droppable this way: $(".draggable").draggable(); $(".droppable").droppable(); The problem …

Read More
Draggable div without jQuery UI

I'm trying to make a div draggable without using jQuery UI. However, I'm stuck with the code below. I understand that I should use the mouse position relative to the container div (in which the div will be dragged) and …

Read More