Question

It might seem a little dull and basic, but I’m actually having trouble to find a good solution to my problem.

I’m using jQuery to make nice draggable elements. What I’d like to do is to anchor the draggable element wherever I want, with a button/link there is on it.

You could think of disable/enable the draggable when the button is clicked : it has the effect I want, but it sets a weird effect on the draggable, rendering it half white (which is the effect you would expect from disable, I’m not arguing on that).

Bottom-line is : how do I apply – and more importantly – remove the draggable property on the element? Is there any sort of :

$( "#draggable" ).draggable(false);

that would simply make my element normal again, or just prevent it from moving without altering its appearance?

Thanks in advance!

Edit : I have used the .draggable("disable") function and it changes the element’s appearance, therefore I’m looking for another solution.

Answer 1

Yes you can disable the element from being draggable :

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

See the docs here