YouTip LogoYouTip

Plugins Base Droppable

# jQuery EasyUI Basic Plugin – Droppable * * jQuery EasyUI Plugins](#) * * * Override the default defaults via `$.fn.droppable.defaults`. ## Usage Create a droppable area using markup.
Create a droppable area using javascript.
$('#dd').droppable({ accept:'#d1,#d3'}); ## Properties | Name | Type | Description | Default Value | | :--- | :--- | :--- | :--- | | accept | selector | Determines which draggable elements will be accepted. | null | | disabled | boolean | If set to true, disable the droppable. | false | ## Events | Name | Parameters | Description | | :--- | :--- | :--- | | onDragEnter | e,source | Fires when a draggable element is dragged into the droppable. The source parameter indicates the DOM element being dragged. | | onDragOver | e,source | Fires when a draggable element is dragged over the droppable. The source parameter indicates the DOM element being dragged. | | onDragLeave | e,source | Fires when a draggable element is dragged out of the droppable. The source parameter indicates the DOM element being dragged. | | onDrop | e,source | Fires when a draggable element is dropped on the droppable. The source parameter indicates the DOM element being dragged. | ## Methods | Name | Parameters | Description | | :--- | :--- | :--- | | options | none | Return the options object. | | enable | none | Enable the droppable functionality. | | disable | none | Disable the droppable functionality. | * * jQuery EasyUI Plugins](#)
← Plugins Base ResizablePlugins Base Easyloader β†’