Check out a free preview of the full jQuery Plugins and jQuery UI course:
The "Draggable Plugins" Lesson is part of the full, jQuery Plugins and jQuery UI course featured in this preview video. Here's what you'd learn in this lesson:
Making an element draggable by using a mouse is as simple as using the word “draggable” in jQuery UI. Customizing the new “draggable” behavior becomes a function of manipulating the applicable options, even after initialization. The helper option can be used to clone the element if it is complex or merely preferred (ie: the drag-to-shopping-cart functionality). Use “dragstart,” “drag,” and “dragstop” to bind draggable events so you can customize the “draggable” element’s behavior. You can use the “handle” option for instances when the “draggable” element has other interactive content.