Destroy JQuery draggable

Question

I have a set of elements that are draggable. How can I remove draggable function? `$('.draggable').draggable('disable')` is not an option in my case `$('.draggable').draggable('destroy')` returns `Uncaught TypeError: Cannot read property 'options' of undefined`

Accepted Answer

From the jQuery UI API:

destroy()

Removes the draggable functionality completely. This will return the element back to its pre-init state.

```
This method does not accept any arguments.
```

Code examples:

Invoke the destroy method:

```
$( ".selector" ).draggable( "destroy" );
```

EDIT

As this seems to not work properly for you - and it's an issue being seen all around the jQuery forums - that's a proposed fix:

```
ui.draggable.draggable("option", "revert", false);
```

Destroy JQuery draggable

Solution

Problem