type: interaction

release: N/A

status: in development

documentation: N/A

demo: http://view.jqueryui.com/interactions/demos/draggable/default.html


Note: This plugin is being rewritten for the 2.0 release. This documentation is about the rewrite, not the existing plugin.






1 - Description:


Draggable is a behavior that you can assign to any element. The element can then be repositioned using the mouse or other pointing device, and when used with the Droppable component, can be dropped on a specific target. The visual and logical behavior can be configured to match a variety of use cases.



2 - Visual Design:





3 - Functional Specifications/Requirements:










4 - Markup & Style:


     4.1 Initial markup examples


     (not applicable)


     4.2 Recommended transformed HTML markup


     (not applicable)


     4.3 Accessibility recommendation


    (Detailed recommendations for ARIA, HTML markup, CSS and javascript that will contribute to universal access and full section 508 accessibility for screen readers, mobile devices and any other devices) 


     4.4 CSS & Theme


    (not applicable) 



5 - Latest version of plugin:




6 - Open issues being discussed