This course is out of date and does not reflect our standards or industry best practices. We now recommend you take the Complete Intro to Web Development, v2 course.

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.

Get Unlimited Access Now