draggable button using jQuery UI

jquery jquery-ui jquery-ui-draggable
Randomblue picture Randomblue · Jul 29, 2011 · Viewed 18.5k times · Source

I can easily make a <div> element draggable, but not a <button> element. How can I make the <button> draggable, too?

View at JSFiddle

Answer

ravi picture ravi · Feb 2, 2012

Its not a bug , use this, $('input[type=button]').draggable({cancel:false}); You need to cancel the default click event of the button.

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