• If you are citizen of an European Union member nation, you may not use this service unless you are at least 16 years old.

  • Whenever you search in PBworks, Dokkio Sidebar (from the makers of PBworks) will run the same search in your Drive, Dropbox, OneDrive, Gmail, and Slack. Now you can find what you're looking for wherever it lives. Try Dokkio Sidebar for free.



This version was saved 10 years, 10 months ago View current version     Page history
Saved by Richard D. Worth
on January 25, 2012 at 4:41:16 pm


type: interaction

release: N/A

status: in development

documentation: N/A

demo: http://view.jqueryui.com/interactions/demos/droppable/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:


The droppable plugin attaches a behavior to a generic element and therefore makes it a target for a Draggable or Sortable.



2 - Visual Design:






3 - Functional Specifications/Requirements:



  • tolerance (string, default: "intersect")
    • intersect: half of the draggable element must overlap the droppable element horizontally and vertically
    • touch: the draggable element must overlap the droppable element by at least one pixel
    • pointer: the pointing device must overlap the droppable element 



  • none



  • activate
  • deactivate
  • over
  • out
  • drop



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:


Branch: https://github.com/jquery/jquery-ui/tree/interactions


Code: https://github.com/jquery/jquery-ui/blob/interactions/ui/jquery.ui.droppable.js


Demo: http://view.jqueryui.com/interactions/demos/droppable/default.html



6 - Open issues being discussed




Comments (0)

You don't have permission to comment on this page.