Destroy JQuery draggable

jquery jquery-ui jquery-ui-draggable
ab.helly picture ab.helly · Mar 21, 2013 · Viewed 14.3k times · Source

I have a set of elements that are draggable. How can I remove draggable function?

  1. $('.draggable').draggable('disable') is not an option in my case

  2. $('.draggable').draggable('destroy') returns Uncaught TypeError: Cannot read property 'options' of undefined

Answer

melancia picture melancia · Mar 21, 2013

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);

Related questions

jQuery draggable shows helper in wrong place after page scrolled

I'm using jQuery draggable and droppable for a work-planning system I'm developing. Users drag jobs to a different day or user, and then data is updated using an ajax call. Everything works fine, except when I scroll down the main …

Read More
jQuery Droppable, get the element dropped

A small question hopefully with a simple answer, I am using jQuery draggable and droppable to place items into a dock. Using the below code for the drop. $("#dock").droppable({ drop: function(event, ui) { //Do something to the element dropped?!? } }); …

Read More
How to get jQueryUI drag\drop working with touch devices

This is one situation where I hope someone replies to tell me I'm an idiot. But I continue to be amazed that jQueryUI drag\drop doesn't work with touch devices. I have not tested them all but I have tried …

Read More