options
droppable
accept: function(draggable) {
return $(draggable).is('.green');
}
draggable
.red
draggable
.green
droppable
accept: '.little'
draggable
.little
draggable
.big
droppable
activeClass: 'silver'
draggable
.gray
droppable
droppable
greedy: false
draggable
.orange
droppable
droppable
greedy: true
draggable
.purple
droppable
hoverClass: 'silver'
draggable
.gray
droppable
fit
tolerance: 'fit'
//100% inside droppable
draggable
droppable
intersect
tolerance: 'intersect'
//at least 50% inside droppable
draggable
droppable
pointer
tolerance: 'pointer'
//mouse pointer inside droppable
draggable
draggable
droppable
touch
tolerance: 'touch'
//any amount inside droppable
draggable
callbacks
droppable
activate: function()
draggable
droppable
deactivate: function()
draggable
droppable
over: function()
draggable
droppable
out: function()
draggable
droppable
10-4 (over and out)
draggable
droppable
drop: function()
draggable
other tests
draggable and droppable (same element)
draggable droppable