Droppable

Override defaults with $.fn.droppable.defaults.

Usage

  1. <div id="dd" style="width:100px;height:100px;"></div>  
  1. $('#dd').droppable({  
  2.     accept:'#d1,#d3'  
  3. });  

Properties

Name Type Description Default
accept selector Determine which draggable element will be accepted null

Events

Name Parameters Description
onDragEnter e,source Fires when the draggable element is dragged enter. The source parameter indicate the dragged DOM element.
onDragOver e,source Fires when the draggable element is dragged over. The source parameter indicate the dragged DOM element.
onDragLeave e,source Fires when the draggable element is dragged leave. The source parameter indicate the dragged DOM element.
onDrop e,source Fires when the draggable element is dropped. The source parameter indicate the dragged DOM element.